@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.float-left{float:left}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button{cursor:pointer}.material-symbols-outlined{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-size:var(--font-size-xl);letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;line-height:1;display:inline-block}.page{width:100%;min-height:100vh;padding:var(--spacing-xxl) var(--spacing-l);justify-content:center;align-items:center;display:flex}.page>section{box-sizing:border-box;width:100%;max-width:440px!important}.page.consent-page>section{max-width:520px!important}.header{text-align:center;flex-direction:column;align-items:center;display:flex}.logo{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);justify-content:center;align-items:center;display:flex}.brand{margin:var(--spacing-s) 0 0;font-size:24px;line-height:1.25;font-weight:var(--font-weight-bold);color:var(--color-black)}.title{margin:var(--spacing-xs) 0 0;font-size:14px;line-height:normal;font-weight:var(--font-weight-medium);color:var(--color-darkGray)}.app-layout{width:100%;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.top-app-bar{width:100%;min-height:var(--header-height);padding:var(--spacing-l);z-index:50;background-color:#0000;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--spacing-s);min-width:0;display:flex}.header-actions{align-items:center;gap:var(--spacing-s);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #fff9;flex-shrink:0;display:flex}.mobile-menu-btn{border-radius:var(--radius-pill);width:38px;height:38px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);color:var(--color-darkGray);cursor:pointer;background-color:#ffffffd9;border:1px solid #fff9;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-btn:hover{background-color:var(--color-white);color:var(--color-primaryPink)}.mobile-menu-btn .material-symbols-outlined{font-size:22px}.header-logout-btn{align-items:center;gap:var(--spacing-xs);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-errorRed);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;padding:6px 12px;line-height:1;transition:background-color .2s,border-color .2s,transform .15s;display:inline-flex}.header-logout-btn .material-symbols-outlined{font-size:18px}.header-logout-btn:hover{background-color:var(--color-primaryPinkLight);border-color:var(--color-primaryPinkLight);color:var(--color-errorRed);transform:translateY(-1px)}.header-logout-btn:active{transform:translateY(0)}.sidebar-backdrop{z-index:190;background-color:#0000;display:none;position:fixed;inset:0}@media (width<=1024px){.mobile-menu-btn{display:inline-flex}.sidebar-backdrop{display:block}}@media (width<=480px){.header-logout-text{display:none}.header-logout-btn{border-radius:var(--radius-pill);padding:6px}}.icon-toggle-button{color:var(--color-darkGray);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.menu-toggle{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #fff9;flex-shrink:0}.back-button{width:var(--spacing-xxl);height:var(--spacing-xxl);flex-shrink:0}.search-bar{align-items:center;gap:var(--spacing-s);min-width:0;padding:var(--spacing-s) var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);background-color:var(--color-white);display:flex}.search-bar-icon{font-size:var(--font-size-xl);color:var(--color-darkGray);flex-shrink:0}.search-bar-input{width:100%;min-width:0;color:var(--color-black);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);background-color:#0000;border:0;outline:0;padding:0}.search-bar-input::placeholder{color:var(--color-gray)}.notification-button{width:var(--spacing-xxl);height:var(--spacing-xxl);flex-shrink:0;position:relative}.notification-indicator{top:var(--spacing-xs);right:var(--spacing-xs);width:var(--spacing-xs);height:var(--spacing-xs);border-radius:var(--radius-pill);background-color:var(--color-notificationOrange);position:absolute}.user-avatar{width:var(--spacing-xxl);height:var(--spacing-xxl);border:2px solid var(--color-white);border-radius:var(--radius-pill);background-color:var(--color-white);box-shadow:var(--shadow-soft);flex-shrink:0;padding:0;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sidebar{min-height:100vh;width:var(--sidebar-width);padding:var(--spacing-l);background-color:var(--color-background);flex-direction:column;flex-shrink:0;transition:width .2s,padding .2s;display:flex;overflow:hidden}.sidebar-logo{align-items:center;gap:var(--spacing-m);flex-shrink:0;display:flex}.sidebar-logo-placeholder{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand{gap:var(--spacing-xs);flex-direction:column;min-width:0;display:flex}.sidebar-brand-name{font-size:var(--font-size-xxl);line-height:normal;font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap}.sidebar-brand-subtitle{font-size:var(--font-size-s);line-height:normal;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray);white-space:nowrap}.sidebar-nav{gap:var(--spacing-xs);margin-top:var(--spacing-xl);flex-direction:column;display:flex}.sidebar-nav-item{align-items:center;gap:var(--spacing-m);width:100%;padding:var(--spacing-l);border-radius:var(--radius-medium);color:var(--color-gray);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);text-align:left;white-space:nowrap;background-color:#0000;border:0;transition:background-color .15s,color .15s;display:flex}.sidebar-nav-item:hover{background-color:var(--color-white)}.sidebar-nav-item-active{background-color:var(--color-primaryPinkSoft);color:var(--color-secondaryTeal)}.sidebar-nav-item .material-symbols-outlined{flex-shrink:0}.sidebar-logout-wrapper{padding-top:var(--spacing-s);border-top:1px solid var(--color-borderGray);margin-top:auto}.sidebar-logout-btn,.admin-panel .sidebar-nav-item.sidebar-logout-btn{cursor:pointer;width:100%;font-weight:var(--font-weight-semibold);color:var(--color-errorRed)!important}.sidebar-logout-btn .material-symbols-outlined,.admin-panel .sidebar-nav-item.sidebar-logout-btn .material-symbols-outlined{color:var(--color-errorRed)!important}.sidebar-logout-btn:hover,.admin-panel .sidebar-nav-item.sidebar-logout-btn:hover{background-color:var(--color-errorRedLight)!important;color:var(--color-errorRed)!important}.sidebar-logout-btn:hover .material-symbols-outlined,.admin-panel .sidebar-nav-item.sidebar-logout-btn:hover .material-symbols-outlined{color:var(--color-errorRed)!important}.page-content{min-width:0;padding:var(--spacing-xs);flex:1}.form{width:100%;margin-top:var(--spacing-l)}.form>.input-field-wrapper:first-child,.form>.input-field-wrapper:first-of-type{margin-top:0!important}.description{margin:var(--spacing-xs) 0 0;text-align:center;font-size:var(--font-size-m);line-height:var(--font-size-px20);font-weight:var(--font-weight-medium);color:var(--color-darkGray)}.form-options{justify-content:space-between;align-items:center;gap:var(--spacing-l);margin-top:var(--spacing-m);display:flex}.form-options label{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--color-darkGray);cursor:pointer;display:flex}.form-options input{width:var(--spacing-l);height:var(--spacing-l);accent-color:var(--color-primaryPink);cursor:pointer;margin:0}.form-options button{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-primaryPink);cursor:pointer;background:0 0;border:0;padding:0}.form-options button:hover{text-decoration:underline}.action{margin-top:var(--spacing-m);justify-content:center;display:flex}.separator{align-items:center;gap:var(--spacing-s);margin:var(--spacing-m) 0;display:flex}.separator:before,.separator:after{content:"";background-color:var(--color-borderGray);flex:1;height:1px}.separator span{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-gray)}.social-actions{align-items:center;gap:var(--spacing-m);flex-direction:row;display:flex}.social-actions button{flex:1;min-width:0}.link{width:fit-content;margin:var(--spacing-m) auto 0;font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--color-darkGray);background:0 0;border:0;padding:0;display:block}.link button{margin-left:var(--spacing-xs);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-primaryPink);cursor:pointer;background:0 0;border:0;padding:0}.link button:hover{text-decoration:underline}.requirement-title{font-size:var(--font-size-m);line-height:var(--font-size-px18);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.requirement-list{gap:var(--font-size-px5);margin-top:var(--radius-small);flex-direction:column;display:flex}.requirement{align-items:center;gap:var(--radius-small);display:flex}.requirement-indicator{width:var(--font-size-px15);height:var(--font-size-px15);border-radius:var(--radius-pill);border:1.5px solid var(--color-borderGray);font-size:var(--font-size-xs);color:var(--color-white);line-height:1;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.requirement-indicator.valid{background-color:var(--color-successGreen);border:0}.requirement-text{font-size:var(--font-size-m);line-height:var(--font-size-px18);font-weight:var(--font-weight-medium);color:var(--color-darkGray)}.requirement-text.valid{color:var(--color-successGreen);font-weight:var(--font-weight-semibold)}.success-toast{top:var(--spacing-l);width:min(calc(100% - var(--spacing-xxl)), 420px);align-items:center;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-l);background-color:var(--color-successGreenLight);color:var(--color-successGreen);border:1px solid var(--color-successGreen);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);z-index:1000;display:flex;position:fixed;left:50%;transform:translate(-50%)}.success-toast-icon{border-radius:var(--radius-pill);background-color:var(--color-successGreen);width:28px;height:28px;color:var(--color-white);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.success-toast-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.success-toast-content strong{font-size:var(--font-size-l);font-weight:var(--font-weight-bold)}.success-toast-content p{font-size:var(--font-size-s);line-height:14px;font-weight:var(--font-weight-medium);margin:0}@media (width<=1024px){.top-app-bar{padding:var(--spacing-m)}.search-bar,.search-bar-input{min-width:0}.page-content{padding:var(--spacing-xl)}.app-layout{width:100%;min-height:100vh;position:relative}.app-content{width:100%;min-width:0}.sidebar{width:var(--sidebar-width);z-index:200;height:100vh;min-height:100vh;padding:var(--spacing-l);visibility:visible;box-shadow:var(--shadow-soft);transition:transform .25s,visibility .25s;position:fixed;top:0;left:0;transform:translate(0)}.sidebar-open{width:var(--sidebar-width);visibility:visible;transform:translate(0)}.sidebar-closed{width:var(--sidebar-width);padding-left:var(--spacing-l);padding-right:var(--spacing-l);visibility:hidden;transform:translate(-100%)}.sidebar-nav{width:100%}.sidebar-nav-item{width:100%;padding:var(--spacing-m)}.top-app-bar{gap:var(--spacing-s);width:100%;padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-background);z-index:100;grid-template-columns:1fr auto;grid-template-areas:"left actions""search search";display:grid;position:sticky;top:0}.header-left{align-items:center;gap:var(--spacing-s);grid-area:left;min-width:0;display:flex}.header-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xs);grid-area:actions;display:flex}.menu-toggle,.back-button{flex-shrink:0;width:40px;height:40px}.search-bar{width:100%;min-width:0;min-height:40px;padding:var(--spacing-s) var(--spacing-m);grid-area:search}.search-bar-input{text-overflow:ellipsis;flex:1;width:100%;min-width:0;overflow:hidden}.notification-button,.user-avatar{flex-shrink:0;width:40px;height:40px}.page-content{width:100%;min-width:0;padding:var(--spacing-l) var(--spacing-m)}.page{width:100%;padding:var(--spacing-xl) var(--spacing-m)}.sidebar-logo{width:100%}.sidebar-brand{min-width:0}.sidebar-brand-name,.sidebar-brand-subtitle{text-overflow:ellipsis;overflow:hidden}}@media (width<=480px){.top-app-bar{padding:var(--spacing-s) var(--spacing-s);gap:var(--spacing-s)}.header-actions{gap:2px;padding:2px}.menu-toggle,.back-button,.notification-button,.user-avatar{width:36px;height:36px}.search-bar{width:100%;min-height:38px;padding:var(--spacing-xs) var(--spacing-s)}.search-bar-icon{font-size:var(--font-size-l)}.search-bar-input{font-size:var(--font-size-s)}.page-content{padding:var(--spacing-m) var(--spacing-s)}.sidebar{padding:var(--spacing-m)}.sidebar-closed{padding-left:var(--spacing-m);padding-right:var(--spacing-m)}.sidebar-nav-item{padding:var(--spacing-m);font-size:var(--font-size-l)}}@media (width<=360px){.top-app-bar{grid-template-columns:1fr auto}.header-actions{gap:0}.menu-toggle,.back-button,.notification-button,.user-avatar{width:34px;height:34px}.search-bar{width:100%}.search-bar-input{font-size:var(--font-size-s)}}.accordion{border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);width:100%;transition:border-color .2s;overflow:hidden}.accordion-header{align-items:center;gap:var(--spacing-m);width:100%;padding:var(--spacing-l);background-color:var(--color-white);text-align:left;cursor:pointer;border:0;display:flex}.accordion-number{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.accordion-number.accepted{background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.accordion-check-icon{font-size:var(--font-size-xl)}.accordion-title-container{flex:1;min-width:0}.accordion-title{color:var(--color-black);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);margin:0;line-height:1.3}.accordion-status{margin-top:var(--font-size-px2);color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.accordion-status.accepted{color:var(--color-successGreen);font-weight:var(--font-weight-semibold)}.accordion-arrow{color:var(--color-darkGray);font-size:var(--font-size-px22);flex-shrink:0;transition:transform .2s}.accordion-arrow.open{transform:rotate(180deg)}.accordion-content{padding:var(--spacing-l);border-top:1px solid var(--color-borderGray);background-color:var(--color-background)}.accordion-text{margin:0 0 var(--spacing-m);color:var(--color-darkGray);font-size:var(--font-size-m);line-height:var(--font-size-px22);text-align:left}.accordion-text:last-of-type{margin-bottom:var(--spacing-l)}.accordion-acknowledgement{align-items:center;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--radius-medium);background-color:var(--color-white);border:1px solid var(--color-borderGray);cursor:pointer;transition:border-color .2s;display:flex}.accordion-acknowledgement:hover{border-color:var(--color-primaryPink)}.accordion-checkbox{width:var(--font-size-px18);height:var(--font-size-px18);appearance:none;border:1.5px solid var(--color-borderGray);border-radius:var(--radius-small);background-color:var(--color-white);cursor:pointer;flex-shrink:0;position:relative}.accordion-checkbox:checked{background-color:var(--color-primaryPinkSoft);border-color:var(--color-primaryPink)}.accordion-checkbox:checked:after{content:"✓";color:var(--color-primaryPink);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accordion-acknowledgement-text{color:var(--color-black);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--font-size-px20);cursor:pointer}.consent-agreements{gap:var(--spacing-m);margin-top:var(--spacing-l);flex-direction:column;display:flex}.consent-progress-badge{justify-content:center;align-items:center;gap:var(--spacing-s);margin:var(--spacing-l) auto 0;padding:var(--radius-small) var(--spacing-l);background-color:var(--color-background);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-black);display:inline-flex}.consent-progress-badge .material-symbols-outlined{font-size:var(--font-size-px18);color:var(--color-secondaryTeal)}.consent-button{padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkLight);color:var(--color-primaryPink);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);cursor:not-allowed;border:0}.consent-button.enabled{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);cursor:pointer}.password-requirements-box{margin-top:var(--spacing-m);margin-bottom:0}.consent-status-banner{width:100%;margin-top:var(--spacing-m);padding:var(--spacing-s) var(--font-size-l);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-black);cursor:pointer;box-sizing:border-box;text-align:left;justify-content:space-between;align-items:center;font-family:inherit;transition:all .2s;display:flex}.consent-status-banner:hover{border-color:var(--color-primaryPink);background-color:var(--color-background)}.consent-status-banner.accepted{border-color:var(--color-successGreenLight);background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.consent-status-banner-left{align-items:center;gap:var(--spacing-s);display:flex}.consent-status-banner-icon{font-size:var(--font-size-xl);color:var(--color-primaryPink)}.consent-status-banner.accepted .consent-status-banner-icon{color:var(--color-successGreen)}.consent-status-banner-text{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:inherit}.consent-status-banner-arrow{font-size:var(--font-size-px17);color:var(--color-darkGray)}.error-toast{top:var(--spacing-l);width:min(calc(100% - var(--spacing-xxl)), 420px);align-items:center;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-l);background-color:var(--color-errorRedLight);color:var(--color-errorRed);border:1px solid var(--color-errorRed);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);z-index:1000;display:flex;position:fixed;left:50%;transform:translate(-50%)}.error-toast-icon{border-radius:var(--radius-pill);background-color:var(--color-errorRed);width:28px;height:28px;color:var(--color-white);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.error-toast-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.error-toast-content strong{font-size:var(--font-size-l);font-weight:var(--font-weight-bold)}.error-toast-content p{font-size:var(--font-size-s);line-height:14px;font-weight:var(--font-weight-medium);margin:0}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}.app-layout{width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.app-content{width:100%;min-width:0;height:100vh;min-height:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;transition:margin-left .2s;display:flex;overflow:hidden}.app-layout.layout-sidebar-closed .app-content{margin-left:calc((var(--sidebar-logo-size) * 2) + var(--spacing-s) + (var(--spacing-l) * 2))}.app-layout:has(.sidebar-closed) .app-content{margin-left:calc((var(--sidebar-logo-size) * 2) + var(--spacing-s) + (var(--spacing-l) * 2))}.page-content{width:100%;min-width:0;min-height:0;padding:var(--spacing-l);scroll-behavior:smooth;flex:1;overflow:hidden auto}.user-panel .top-app-bar{background-color:var(--color-background);justify-content:flex-end}.user-panel .header-actions{box-shadow:none;-webkit-backdrop-filter:none;background-color:#0000;border:0;border-radius:0;margin-left:auto;padding:0}.admin-panel .top-app-bar{background-color:var(--color-background);box-shadow:none;justify-content:space-between}.admin-panel .header-left{align-items:center;gap:var(--spacing-s);min-width:0;display:flex}.admin-panel .search-bar,.admin-panel .back-button{display:none}.admin-panel .header-actions{box-shadow:none;-webkit-backdrop-filter:none;background-color:#0000;border:0;border-radius:0;margin-left:auto;padding:0}.sidebar{width:var(--sidebar-width);height:100vh;min-height:100vh;padding:var(--spacing-l);background-color:var(--color-background);z-index:var(--z-index-modal);flex-direction:column;flex-shrink:0;transition:width .2s,padding .2s;display:flex;position:fixed;top:0;left:0;overflow:visible}.sidebar-open{width:var(--sidebar-width)}.sidebar-closed{width:calc((var(--sidebar-logo-size) * 2) + var(--spacing-s) + (var(--spacing-l) * 2));padding-left:var(--spacing-l);padding-right:var(--spacing-l)}.sidebar-closed .sidebar-brand{display:none}.sidebar-closed .sidebar-nav-item{padding-left:var(--spacing-s);padding-right:var(--spacing-s);justify-content:center;gap:0;position:relative}.sidebar-closed .sidebar-nav-item>span:last-child{display:none}.sidebar-closed .sidebar-nav-item:after{content:attr(data-label);left:calc(100% + var(--spacing-s));padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-small);background-color:var(--color-black);color:var(--color-white);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);white-space:nowrap;box-shadow:var(--shadow-soft);pointer-events:none;z-index:var(--z-index-toast);line-height:normal;display:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-closed .sidebar-nav-item:hover:after{display:block}.sidebar-logo{align-items:center;gap:var(--spacing-s);width:100%;min-height:var(--sidebar-logo-size);flex-shrink:0;display:flex}.sidebar-logo .menu-toggle{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);min-width:var(--sidebar-logo-size);min-height:var(--sidebar-logo-size)}.sidebar-logo .menu-toggle .material-symbols-outlined{font-size:var(--font-size-xxl)}.sidebar-logo-placeholder{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);min-width:var(--sidebar-logo-size);min-height:var(--sidebar-logo-size)}.sidebar-logo-placeholder svg{width:var(--font-size-xxl);height:var(--font-size-xxl)}.sidebar-logo-placeholder .material-symbols-outlined{font-size:var(--font-size-xxl)}.sidebar-nav{gap:var(--spacing-xs);width:100%;margin-top:var(--spacing-xl);flex-direction:column;display:flex;overflow:hidden auto}.admin-panel .sidebar{background-color:var(--color-white);box-shadow:var(--shadow-soft);border:0}.admin-panel .sidebar-logo-placeholder{background-color:var(--color-lightCyan);color:var(--color-deepTeal)}.admin-panel .sidebar-logo-placeholder .material-symbols-outlined{color:var(--color-deepTeal)}.admin-panel .sidebar-brand-name{color:var(--color-black)}.admin-panel .sidebar-brand-subtitle{color:var(--color-gray)}.admin-panel .sidebar-nav-item{color:var(--color-darkGray);font-weight:var(--font-weight-medium)}.admin-panel .sidebar-nav-item:hover{background-color:var(--color-softGray);color:var(--color-darkGray)}.admin-panel .sidebar-nav-item-active{background-color:var(--color-lightCyan);color:var(--color-deepTeal);font-weight:var(--font-weight-bold)}.admin-panel .sidebar-nav-item-active .material-symbols-outlined{color:var(--color-deepTeal)}.admin-panel .page-content{background-color:var(--color-background)}.icon-toggle-button:hover{background-color:var(--color-softGray)}@media (width<=1024px){.app-layout{width:100%;height:100vh;min-height:100vh;position:relative;overflow:hidden}.app-content{width:100%;min-width:0;height:100vh;min-height:0;margin-left:0}.app-layout:has(.sidebar-closed) .app-content{margin-left:0}.sidebar{width:var(--sidebar-width);height:100vh;min-height:100vh;padding:var(--spacing-l);visibility:visible;z-index:200;transition:transform .25s,visibility .25s;position:fixed;top:0;left:0;transform:translate(0)}.sidebar-open{width:var(--sidebar-width);visibility:visible;transform:translate(0)}.sidebar-closed{width:var(--sidebar-width);padding-left:var(--spacing-l);padding-right:var(--spacing-l);visibility:hidden;transform:translate(-100%)}.sidebar-nav{width:100%}.sidebar-nav-item{width:100%;padding:var(--spacing-m)}.top-app-bar{width:100%;min-height:var(--header-height);padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-background);z-index:var(--z-index-sticky);position:sticky;top:0}.user-panel .top-app-bar,.admin-panel .top-app-bar{justify-content:space-between}.header-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.user-panel .header-actions{padding:var(--spacing-xs)}.admin-panel .header-actions{box-shadow:none;background-color:#0000;border:0;border-radius:0;padding:0}.page-content{width:100%;min-width:0;min-height:0;padding:var(--spacing-l) var(--spacing-m)}.sidebar-logo{width:100%}.sidebar-brand{min-width:0}.sidebar-brand-name,.sidebar-brand-subtitle{text-overflow:ellipsis;overflow:hidden}}@media (width<=480px){.user-panel .header-actions{padding:var(--spacing-xs)}.admin-panel .header-actions{padding:0}.page-content{padding:var(--spacing-m) var(--spacing-s)}.sidebar{max-width:90vw}.sidebar-closed{padding-left:var(--spacing-m);padding-right:var(--spacing-m)}}@media (width<=360px){.user-panel .header-actions,.admin-panel .header-actions{gap:0}}@media (width>=1025px){.sidebar-closed,.sidebar-closed .sidebar-nav,.sidebar-closed .sidebar-nav-item{overflow:visible}.sidebar-closed .sidebar-nav-item:after{display:none}.sidebar-closed .sidebar-nav-item:hover:after{display:block}}@media (width<=1024px){.sidebar{overflow:hidden}.sidebar-closed .sidebar-nav-item:after{display:none}}.page-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:var(--font-size-l);color:var(--color-darkGray);margin-bottom:var(--spacing-xl)}.overview-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.overview-card{justify-content:space-between;align-items:flex-end;transition:transform .2s,box-shadow .2s;display:flex}.overview-title{font-size:var(--font-size-m);color:var(--color-darkGray);margin-bottom:var(--spacing-s);font-weight:500;display:block}.overview-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);display:block}.overview-icon{color:var(--color-darkGray)}.filter-tabs{gap:var(--spacing-m);margin-bottom:var(--spacing-xl);display:flex}.filter-tab{padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-gray);font-size:var(--font-size-m);cursor:pointer;border:none;transition:all .2s}.filter-tab-active{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.text-capitalize{text-transform:capitalize}.overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a!important}.cancel-modal__overlay{padding:var(--spacing-l);-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#00000026;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cancel-modal{width:100%;max-width:420px;padding:var(--spacing-l);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);box-shadow:var(--shadow-soft)}.cancel-modal h2{color:var(--color-black);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);margin:0}.cancel-modal p{margin:var(--spacing-s) 0 0;color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--line-height-caption)}.cancel-modal__actions{justify-content:flex-end;align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-l);display:flex}.cancel-modal__actions button{padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.cancel-modal__actions button:first-child{border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray)}.cancel-modal__actions button:last-child{border:1px solid var(--color-errorRed);background-color:var(--color-errorRedLight);color:var(--color-errorRed)}@media (width<=480px){.cancel-modal__actions{flex-direction:column-reverse;align-items:stretch}.cancel-modal__actions button{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.courses-page{width:100%}.courses-header{margin-bottom:var(--spacing-s)}.courses-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.courses-header p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-gray)}.course-filters{align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-m);flex-wrap:wrap;display:flex}.filter-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-gray);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;display:flex}.filter-button:hover{background-color:var(--color-primaryPinkSoft)}.filter-active{background-color:var(--color-primaryPinkLight);color:var(--color-primaryPink)}.filter-button .material-symbols-outlined{font-size:var(--font-size-s)}.courses-toolbar{margin-bottom:var(--spacing-m)}.view-toggle{padding:var(--spacing-xs);border-radius:var(--radius-pill);background-color:var(--color-white);box-shadow:var(--shadow-soft);display:inline-flex}.view-toggle button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);color:var(--color-gray);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;display:flex}.view-toggle button:hover{color:var(--color-primaryPink)}.view-toggle .view-active{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.courses-main-layout{gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.courses-left{flex-direction:column;min-width:0;display:flex}.course-progress-wrapper{top:var(--spacing-s);align-self:start;position:sticky}.courses-list{gap:var(--spacing-l);flex-direction:column;display:flex}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.course-card{height:100%}.course-card-content{gap:var(--spacing-m);height:100%;display:flex}.course-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.course-image-wrapper{border-radius:var(--radius-medium);background-color:var(--color-primaryPinkSoft);flex-shrink:0;width:125px;height:105px;overflow:hidden}.course-image{object-fit:cover;width:100%;height:100%;display:block}.course-image-placeholder{width:100%;height:100%;color:var(--color-primaryPink);justify-content:center;align-items:center;display:flex}.course-image-placeholder .material-symbols-outlined{font-size:var(--font-size-xxl)}.course-details{flex-direction:column;flex:1;min-width:0;display:flex}.course-heading{justify-content:space-between;gap:var(--spacing-s);display:flex}.course-category{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-primaryPink);font-weight:var(--font-weight-semibold);display:block}.course-heading h3{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);-webkit-line-clamp:2;text-overflow:ellipsis;height:var(--line-clamp-height2);-webkit-box-orient:vertical;margin:0;line-height:1.2;display:-webkit-box;overflow:hidden}.course-menu{width:24px;height:24px;color:var(--color-gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.course-menu .material-symbols-outlined{font-size:var(--font-size-xl)}.course-coach{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-darkGray);display:flex}.course-coach .material-symbols-outlined{font-size:var(--font-size-s)}.course-description{margin:var(--spacing-xs) 0 var(--spacing-l);font-size:var(--font-size-xs);color:var(--color-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;line-height:16px;display:-webkit-box;overflow:hidden}.course-progress-info{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-darkGray);justify-content:space-between;display:flex}.course-progress-bar{border-radius:var(--radius-pill);background-color:var(--color-secondaryTealLight);width:100%;height:5px;overflow:hidden}.course-progress-fill{border-radius:inherit;background-color:var(--color-primaryPink);height:100%}.course-actions{align-items:center;gap:var(--spacing-s);padding-top:var(--spacing-m);width:100%;margin-top:auto;display:flex;justify-content:flex-end!important}.course-actions button{gap:var(--spacing-xs)}.course-actions .material-symbols-outlined{font-size:var(--font-size-s)}.progress-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-s);display:flex}.progress-card-header h2{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.progress-subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-gray)}.progress-percentage{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-primaryPink)}.overall-completion{margin-top:var(--spacing-l)}.completion-header{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray);justify-content:space-between;align-items:center;display:flex}.completion-header strong{color:var(--color-primaryPink);font-weight:var(--font-weight-bold)}.overall-progress-bar{border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);width:100%;height:6px;overflow:hidden}.overall-progress-fill{border-radius:inherit;background-color:var(--color-primaryPink);height:100%}.completion-count{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-gray)}.modules{margin-top:var(--spacing-xl);flex-direction:column;display:flex}.module{border-bottom:1px solid var(--color-borderGray)}.module:last-child{border-bottom:none}.module-header{justify-content:space-between;align-items:center;gap:var(--spacing-s);padding:var(--spacing-m) 0;cursor:pointer;display:flex}.module-title{align-items:center;gap:var(--spacing-xs);min-width:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-darkGray);display:flex}.module-title .material-symbols-outlined{font-size:var(--font-size-m);flex-shrink:0}.module-count{font-size:var(--font-size-xs);color:var(--color-gray);flex-shrink:0}.module-lessons{gap:var(--spacing-s);padding:0 0 var(--spacing-m);flex-direction:column;display:flex}.lesson{align-items:flex-start;gap:var(--spacing-s);font-size:var(--font-size-xs);color:var(--color-gray);line-height:15px;display:flex}.lesson-status,.lesson-number{border-radius:var(--radius-pill);box-sizing:border-box;width:18px;height:18px;font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-status{background-color:var(--color-successGreenLight);color:var(--color-successGreen);font-family:Material Symbols Outlined}.lesson-number{border:1px solid var(--color-borderGray);color:var(--color-gray)}.lesson-locked .material-symbols-outlined{width:18px;height:18px;font-size:var(--font-size-s);color:var(--color-gray);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-current{color:var(--color-primaryPink);font-weight:var(--font-weight-semibold)}.next-lesson{margin-top:var(--spacing-xl);padding:var(--spacing-m);border-radius:var(--radius-medium);background-color:var(--color-background)}.next-lesson-header{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);display:flex}.next-lesson-header .material-symbols-outlined{font-size:var(--font-size-m)}.next-lesson h3{margin:var(--spacing-s) 0 var(--spacing-xs);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black)}.next-lesson p{margin:0 0 var(--spacing-m);font-size:var(--font-size-xs);color:var(--color-gray);line-height:15px}.no-courses{width:100%;min-height:180px;padding:var(--spacing-xl);box-sizing:border-box;background-color:var(--color-white);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-courses .material-symbols-outlined{color:var(--color-primaryPink);margin-bottom:var(--spacing-s);font-size:28px}.no-courses h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black)}.no-courses p{font-size:var(--font-size-s);color:var(--color-gray);margin:0}@media (width<=1100px){.courses-main-layout{gap:var(--spacing-l);grid-template-columns:minmax(0,1fr) 280px}.course-image-wrapper{width:110px;height:100px}}@media (width<=900px){.courses-main-layout{grid-template-columns:1fr}.course-progress-wrapper{width:100%;position:static}.courses-left{width:100%}.courses-header-toolbar{align-items:flex-start;gap:var(--spacing-s);flex-direction:column}}@media (width<=650px){.courses-header h1{font-size:var(--font-size-xl)}.courses-header p{font-size:var(--font-size-xs)}.course-filters{gap:var(--spacing-xs)}.filter-button{padding:var(--spacing-xs) var(--spacing-s)}.courses-grid{grid-template-columns:1fr}.course-card-content{gap:var(--spacing-s);flex-direction:column}.course-image-wrapper{width:100%;height:160px}.course-heading h3{font-size:var(--font-size-m)}.course-description{margin-bottom:var(--spacing-s)}.course-actions{flex-wrap:wrap;justify-content:space-between}.progress-card-header{align-items:flex-start}.completion-header{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.pagination-wrapper{margin-top:var(--spacing-l);padding-bottom:var(--spacing-l)}.pagination{max-width:100%;overflow-x:auto}}@media (width<=400px){.courses-header-toolbar{gap:var(--spacing-xs)}.view-toggle{width:100%}.view-toggle button{padding:var(--spacing-xs);flex:1;justify-content:center}.course-actions{flex-direction:column;align-items:stretch}.course-actions button{width:100%}.next-lesson{padding:var(--spacing-s)}.pagination button{min-width:26px;padding:0 var(--spacing-xs)}}.courses-header-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--spacing-l);margin-bottom:var(--spacing-s);display:flex}.courses-header-title{align-items:flex-start;gap:var(--spacing-s);display:flex}.back-button{flex-shrink:0;margin-top:2px}.rating-dialog-overlay{z-index:var(--z-index-overlay);padding:var(--spacing-l);box-sizing:border-box;background:#191c1e59;justify-content:center;align-items:center;animation:.22s ease-out rating-overlay-enter;display:flex;position:fixed;inset:0}.rating-dialog{width:min(100%,340px);padding:var(--spacing-l);box-sizing:border-box;border-radius:var(--radius-large);background-color:var(--color-white);box-shadow:var(--shadow-soft);text-align:center;animation:.28s ease-out rating-dialog-enter;position:relative}.rating-dialog-close{top:var(--spacing-m);right:var(--spacing-m);border-radius:var(--radius-pill);width:28px;height:28px;color:var(--color-gray);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .16s,color .16s,transform .16s;display:flex;position:absolute}.rating-dialog-close:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);transform:rotate(8deg)}.rating-dialog-close .material-symbols-outlined{font-size:var(--font-size-l)}.rating-dialog-emoji{width:76px;height:76px;margin:0 auto var(--spacing-m);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);box-shadow:var(--shadow-soft);justify-content:center;align-items:center;display:flex}.rating-dialog-main-emoji{font-size:44px;line-height:1;animation:.26s ease-out rating-emoji-change;display:block}.rating-dialog-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.rating-dialog-description{margin:var(--spacing-xs) 0 var(--spacing-m);font-size:var(--font-size-s);color:var(--color-gray);line-height:16px}.rating-dialog-feedback{min-height:18px;margin:0 0 var(--spacing-m);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);animation:.2s ease-out rating-feedback-change}.rating-options{justify-content:center;align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-l);display:flex}.rating-option{border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);background-color:var(--color-white);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s;display:flex}.rating-option:hover{border-color:var(--color-primaryPinkLight);background-color:var(--color-primaryPinkSoft);box-shadow:var(--shadow-soft);transform:translateY(-3px)scale(1.04)}.rating-option-selected{border-color:var(--color-primaryPinkLight);background-color:var(--color-primaryPinkLight);box-shadow:var(--shadow-soft);transform:translateY(-4px)scale(1.1)}.rating-option-selected:hover{transform:translateY(-4px)scale(1.1)}.rating-option-emoji{font-size:22px;line-height:1;transition:transform .18s}.rating-option-selected .rating-option-emoji{transform:scale(1.08)}.rating-submit-button{width:100%;min-height:40px;padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);background-color:var(--color-primaryPink);color:var(--color-white);font-family:inherit;font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:transform .16s,background-color .16s,box-shadow .16s}.rating-submit-button:hover{background-color:var(--color-mauve);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.rating-submit-button:active{transform:translateY(0)}.rating-dialog-preview-notice{background-color:var(--color-primaryPinkSoft);border:1px solid var(--color-primaryPinkLight);border-radius:var(--radius-medium);padding:var(--spacing-s) var(--spacing-m);margin:var(--spacing-xs) 0 var(--spacing-s) 0;align-items:center;gap:var(--spacing-s);font-size:var(--font-size-l);color:var(--color-primaryPink);font-weight:var(--font-weight-semibold);text-align:left;display:flex}.rating-dialog-notice-icon{font-size:var(--font-size-xl);flex-shrink:0}@keyframes rating-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes rating-dialog-enter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rating-emoji-change{0%{opacity:0;transform:scale(.65)rotate(-8deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rating-feedback-change{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.rating-dialog{width:min(100%,320px);padding:var(--spacing-l)}.rating-dialog-emoji{width:68px;height:68px}.rating-dialog-main-emoji{font-size:40px}.rating-option{width:40px;height:40px}.rating-option-emoji{font-size:20px}}.rating-success-overlay{z-index:var(--z-index-overlay);padding:var(--spacing-l);box-sizing:border-box;background:#191c1e59;justify-content:center;align-items:center;animation:.22s ease-out rating-overlay-enter;display:flex;position:fixed;inset:0}.rating-success-modal{width:min(100%,340px);padding:var(--spacing-xl);box-sizing:border-box;border-radius:var(--radius-large);background-color:var(--color-white);box-shadow:var(--shadow-soft);text-align:center;animation:.28s ease-out rating-dialog-enter;position:relative}.rating-success-close{top:var(--spacing-m);right:var(--spacing-m);border-radius:var(--radius-pill);width:28px;height:28px;color:var(--color-gray);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .16s,color .16s,transform .16s;display:flex;position:absolute}.rating-success-close:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);transform:rotate(8deg)}.rating-success-close .material-symbols-outlined{font-size:var(--font-size-l)}.rating-success-icon{width:76px;height:76px;margin:0 auto var(--spacing-m);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);box-shadow:var(--shadow-soft);justify-content:center;align-items:center;animation:.3s ease-out rating-success-icon-enter;display:flex}.rating-success-icon .material-symbols-outlined{font-size:42px;font-weight:var(--font-weight-bold)}.rating-success-modal h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.rating-success-modal p{margin:var(--spacing-xs) 0 var(--spacing-l);font-size:var(--font-size-s);color:var(--color-gray);line-height:18px}.rating-success-button{width:100%;min-height:40px;padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);background-color:var(--color-primaryPink);color:var(--color-white);font-family:inherit;font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:transform .16s,background-color .16s,box-shadow .16s}.rating-success-button:hover{background-color:var(--color-mauve);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.rating-success-button:active{transform:translateY(0)}@keyframes rating-success-icon-enter{0%{opacity:0;transform:scale(.65)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.rating-success-modal{width:min(100%,320px);padding:var(--spacing-l)}.rating-success-icon{width:68px;height:68px}.rating-success-icon .material-symbols-outlined{font-size:38px}}.rating-dialog-overlay,.rating-success-overlay{z-index:9999;background:#191c1e59;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.course-rate-hint{color:var(--color-gray);font-size:10px}.pagination-row{padding:var(--spacing-m) var(--spacing-l);border-top:1px solid var(--color-borderGray);justify-content:space-between;align-items:center;display:flex}.pagination-info{font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--color-gray);-webkit-user-select:none;user-select:none}.pagination-pills{gap:var(--spacing-xs);align-items:center;display:flex}.btn-pagination-number,.btn-pagination-nav{padding:var(--spacing-xs) var(--spacing-s)!important;border:1px solid var(--color-borderGray)!important;border-radius:var(--radius-pill)!important;background:var(--color-white)!important;color:var(--color-darkGray)!important;font-size:var(--font-size-l)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important}.btn-pagination-number{border-radius:var(--radius-circle,50%)!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important}.btn-pagination-nav{background:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;border:1px solid var(--color-primaryPink)!important;height:36px!important;padding:0 var(--spacing-m)!important}.btn-pagination-nav:hover{background:var(--color-primaryPink)!important;color:var(--color-white)!important}.btn-pagination-number:hover{background:var(--color-softGray)!important}.btn-pagination-number.active{background:var(--color-primaryPinkLight)!important;color:var(--color-primaryPink)!important;border-color:var(--color-primaryPinkLight)!important;font-weight:var(--font-weight-bold)!important}@media (width<=768px){.pagination-row{align-items:center;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-s);flex-direction:column}.pagination-info{text-align:center;font-size:var(--font-size-m)}.pagination-pills{justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap}}.admin-preview-container{gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-m);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:calc(100vh - 80px);margin:0;display:flex}@media (width>=1200px){.admin-preview-container{padding:var(--spacing-s) var(--spacing-l);flex-direction:row;align-items:flex-start;gap:6px}}.admin-preview-main{gap:var(--spacing-l);flex-direction:column;flex:1;min-width:0;display:flex}.admin-preview-header{gap:var(--spacing-s);flex-direction:column;display:flex}.admin-preview-title-row{align-items:center;gap:var(--spacing-m);display:flex}.admin-preview-title-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.admin-preview-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.25}.admin-preview-subtitle{font-size:var(--font-size-l);color:var(--color-gray);margin:0}.preview-disclaimer-banner{gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-l);border:1px solid var(--color-primaryPinkLight);border-left:4px solid var(--color-primaryPink);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffd8e773 0%,#f7f9fbd9 100%);flex-direction:column;display:flex;position:relative}@media (width>=768px){.preview-disclaimer-banner{flex-direction:row;justify-content:space-between;align-items:center}}.preview-disclaimer-left{align-items:flex-start;gap:var(--spacing-m);flex:1;display:flex}.preview-disclaimer-icon-box{border-radius:var(--radius-pill);background-color:var(--color-primaryPink);width:38px;height:38px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #79546540}.preview-disclaimer-icon{font-size:var(--font-size-xl)}.preview-disclaimer-text-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.preview-disclaimer-title-row{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}.preview-disclaimer-badge{background-color:var(--color-primaryPink);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px var(--spacing-s);border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase}.preview-disclaimer-heading{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black)}.preview-disclaimer-desc{font-size:var(--font-size-s);color:var(--color-darkGray);margin:0;line-height:1.45}.preview-disclaimer-actions{flex-shrink:0;align-items:center;display:flex}.exit-preview-btn{transition:all .2s;border:1px solid var(--color-primaryPink)!important;color:var(--color-primaryPink)!important;background-color:var(--color-white)!important;border-radius:var(--radius-pill)!important;font-weight:var(--font-weight-semibold)!important;padding:var(--spacing-xs) var(--spacing-m)!important;align-items:center!important;gap:var(--spacing-xs)!important;display:inline-flex!important}.exit-preview-btn:hover{background-color:var(--color-primaryPinkSoft)!important}.btn-exit-icon{font-size:var(--font-size-m)}.admin-preview-controls-card{gap:var(--spacing-m);background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-m) var(--spacing-l);box-shadow:var(--shadow-soft);flex-direction:column;display:flex}@media (width>=768px){.admin-preview-controls-card{flex-direction:row;justify-content:space-between;align-items:center}}.category-bubbles-container{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}.category-bubble-pill{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;display:inline-flex}.category-bubble-pill:hover{background-color:var(--color-paleGray);border-color:var(--color-gray);color:var(--color-black)}.category-bubble-pill.selected{background-color:var(--color-primaryPink);color:var(--color-white);border-color:var(--color-primaryPink);font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px #79546540}.bubble-tick-icon{font-size:var(--font-size-m);color:var(--color-white);font-weight:var(--font-weight-bold)}.admin-preview-view-toggle-row{margin-bottom:var(--spacing-xs);justify-content:flex-end;align-items:center;display:flex}.admin-preview-view-toggle{align-items:center;gap:var(--spacing-xs);background-color:var(--color-paleGray);padding:var(--spacing-xs);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);flex-shrink:0;width:fit-content;display:flex}.preview-toggle-btn{cursor:pointer;transition:all .2s;border-radius:var(--radius-pill)!important;width:32px!important;height:32px!important;color:var(--color-gray)!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.preview-toggle-btn:hover{color:var(--color-black)!important}.preview-toggle-btn.active{box-shadow:0 2px 6px #00000014;background-color:var(--color-white)!important;color:var(--color-primaryPink)!important}.admin-courses-stream.grid{gap:var(--spacing-l);grid-template-columns:1fr;align-items:stretch;display:grid}@media (width>=640px){.admin-courses-stream.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1180px){.admin-courses-stream.grid{grid-template-columns:repeat(3,1fr)}}.admin-courses-stream.list{gap:var(--spacing-m);flex-direction:column;width:100%;display:flex}.admin-course-preview-card{background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.admin-course-preview-card:hover{border-color:var(--color-primaryPinkLight);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.admin-course-preview-card.focused-card{border-color:var(--color-primaryPink)}.admin-courses-stream.list .admin-course-preview-card{box-sizing:border-box;flex-direction:row;align-items:stretch;width:100%;height:auto;min-height:120px}.admin-courses-stream.list .preview-card-img-box{flex-shrink:0;width:120px;min-width:120px;max-width:120px;height:auto;min-height:120px}.admin-courses-stream.list .preview-card-info{justify-content:flex-start;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-s) var(--spacing-m);box-sizing:border-box;flex-direction:column;flex:1;display:flex}@media (width>=600px){.admin-courses-stream.list .admin-course-preview-card{min-height:140px}.admin-courses-stream.list .preview-card-img-box{width:200px;min-width:200px;max-width:200px;min-height:140px}.admin-courses-stream.list .preview-card-info{padding:var(--spacing-m) var(--spacing-l)}}@media (width>=900px){.admin-courses-stream.list .admin-course-preview-card{min-height:160px}.admin-courses-stream.list .preview-card-img-box{width:260px;min-width:260px;max-width:260px;min-height:160px}}.preview-card-img-box{aspect-ratio:16/9;background-color:var(--color-paleGray);width:100%;position:relative;overflow:hidden}.preview-card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.admin-course-preview-card:hover .preview-card-img{transform:scale(1.03)}.preview-card-badge{top:var(--spacing-s);left:var(--spacing-s);padding:3px var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:capitalize;position:absolute;box-shadow:0 2px 6px #00000026}.preview-card-badge.published,.preview-card-badge.completed{background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.preview-card-badge.in-progress{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.preview-card-badge.draft,.preview-card-badge.not-started{background-color:var(--color-paleGray);color:var(--color-gray)}.preview-zoom-indicator{bottom:var(--spacing-s);right:var(--spacing-s);border-radius:var(--radius-pill);width:28px;height:28px;color:var(--color-white);opacity:0;background-color:#0000008c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute}.preview-card-img-box:hover .preview-zoom-indicator{opacity:1}.preview-zoom-indicator .material-symbols-outlined{font-size:var(--font-size-m)}.preview-card-info{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s);flex-direction:column;flex:1;display:flex}.preview-card-header-meta{justify-content:space-between;align-items:center;display:flex}.preview-card-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);text-transform:uppercase;letter-spacing:.04em}.preview-card-rating{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-black);align-items:center;gap:2px;display:flex}.preview-card-rating .star-icon{font-size:var(--font-size-m);color:var(--color-orange)}.preview-card-title{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.preview-card-desc{font-size:var(--font-size-s);color:var(--color-darkGray);white-space:normal;word-break:break-word;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.preview-card-progress-wrap{gap:var(--spacing-xs);padding-top:var(--spacing-xs);flex-direction:column;margin-top:auto;display:flex}.preview-card-progress-labels{font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--color-gray);justify-content:space-between;display:flex}.preview-card-progress-bar-bg{background-color:var(--color-paleGray);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.preview-card-progress-bar-fill{background-color:var(--color-primaryPink);border-radius:var(--radius-pill);height:100%;transition:width .3s}.preview-card-footer{padding-top:var(--spacing-s);border-top:1px solid var(--color-paleGray);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.preview-card-sessions-count{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray);display:inline-flex}.preview-card-sessions-count .count-icon{font-size:var(--font-size-m);color:var(--color-gray)}.preview-explore-btn{justify-content:center!important;align-items:center!important;gap:var(--spacing-xs)!important;border-radius:var(--radius-pill)!important;line-height:1!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-semibold)!important;vertical-align:middle!important;display:inline-flex!important}.preview-explore-btn>span:not(.btn-arrow){align-items:center;line-height:1;display:inline-flex}.btn-arrow{line-height:1!important;font-size:var(--font-size-m)!important;vertical-align:middle!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:transform .2s!important;display:inline-flex!important}.admin-sessions-summary-text{align-items:center;gap:var(--spacing-s);display:flex}.admin-sessions-summary-text .summary-icon{color:var(--color-primaryPink);font-size:var(--font-size-xl)}.summary-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black)}.admin-sessions-stream.grid{gap:var(--spacing-m);grid-template-columns:1fr;align-items:stretch;display:grid}@media (width>=600px){.admin-sessions-stream.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1180px){.admin-sessions-stream.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.admin-sessions-stream.list{gap:var(--spacing-m);flex-direction:column;width:100%;display:flex}.admin-session-preview-card{background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);cursor:pointer;flex-direction:column;height:100%;transition:all .2s;display:flex;overflow:hidden}.admin-session-preview-card:hover{border-color:var(--color-primaryPinkLight);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.admin-sessions-stream.list .admin-session-preview-card{box-sizing:border-box;flex-direction:row;align-items:stretch;width:100%;height:auto;min-height:120px}.admin-sessions-stream.list .preview-card-img-box{flex-shrink:0;width:120px;min-width:120px;max-width:120px;height:auto;min-height:120px}@media (width<=767px){.admin-sessions-stream.list .admin-session-preview-card{height:auto;min-height:unset;flex-direction:column}.admin-sessions-stream.list .preview-card-img-box{width:100%!important;min-width:100%!important;max-width:100%!important;height:160px!important;min-height:160px!important}}.admin-sessions-stream.list .preview-card-info.admin-session-card-info{text-align:left;justify-content:space-between;align-items:stretch;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-s) var(--spacing-m);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.admin-sessions-stream.list .preview-card-footer.session-footer{padding-top:var(--spacing-xs);width:100%;margin-top:auto}@media (width>=768px){.admin-sessions-stream.list .admin-session-preview-card{min-height:145px}.admin-sessions-stream.list .preview-card-img-box{width:200px;min-width:200px;max-width:200px;min-height:145px}.admin-sessions-stream.list .preview-card-info.admin-session-card-info{gap:var(--spacing-s);padding:var(--spacing-m) var(--spacing-l)}.admin-sessions-stream.list .preview-card-footer.session-footer{padding-top:var(--spacing-s)}}@media (width>=900px){.admin-sessions-stream.list .admin-session-preview-card{min-height:175px}.admin-sessions-stream.list .preview-card-img-box{width:290px;min-width:290px;max-width:290px;min-height:175px}}.preview-card-info.admin-session-card-info{padding:var(--spacing-m);text-align:left;align-items:stretch;gap:var(--spacing-s);box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.session-meta-chips{flex:0 auto;align-items:center;gap:4px;min-width:0;display:inline-flex;flex-wrap:nowrap!important}.session-progress-preview-wrap{padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-paleGray);border:1px dashed var(--color-borderGray);border-radius:var(--radius-medium);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);box-sizing:border-box;flex-direction:column;gap:6px;width:100%;display:flex}.session-progress-preview-labels{font-size:var(--font-size-xs);justify-content:flex-start;align-items:center;display:flex}.session-progress-label{font-weight:var(--font-weight-semibold);color:var(--color-darkGray);align-items:center;gap:4px;display:inline-flex}.progress-hint-icon{font-size:var(--font-size-l);color:var(--color-primaryPink)}.session-progress-bar-track{background-color:var(--color-white);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);width:100%;height:6px;overflow:hidden}.session-progress-bar-fill{background-color:var(--color-primaryPink);border-radius:var(--radius-pill);width:0%;height:100%}.session-progress-note{font-size:var(--font-size-px11);color:var(--color-gray);font-style:italic;line-height:1.25}.preview-card-footer.session-footer{padding-top:var(--spacing-xs);border-top:1px solid var(--color-primaryPinkLight);box-sizing:border-box;margin-top:auto;justify-content:space-between!important;align-items:center!important;gap:var(--spacing-xs)!important;flex-flow:row!important;width:100%!important;display:flex!important;overflow:visible!important}.preview-card-footer.session-footer .session-meta-chips{min-width:0;align-items:center!important;gap:var(--font-size-px3)!important;flex-wrap:nowrap!important;flex-shrink:0!important;display:inline-flex!important;overflow:visible!important}.session-lessons-count-label{color:var(--color-primaryPink);font-weight:var(--font-weight-semibold);background-color:var(--color-primaryPinkSoft);border-radius:var(--radius-pill);border:1px solid var(--color-primaryPinkLight);align-items:center;gap:3px;padding:4px 8px;display:inline-flex;font-size:var(--font-size-xs)!important;white-space:nowrap!important;flex-shrink:0!important;line-height:1!important}.session-lessons-count-label .material-symbols-outlined{color:var(--color-primaryPink);font-size:var(--font-size-px13)!important}.session-duration-tag{color:var(--color-primaryPink);font-weight:var(--font-weight-semibold);background-color:var(--color-primaryPinkSoft);border-radius:var(--radius-pill);border:1px solid var(--color-primaryPinkLight);align-items:center;gap:3px;padding:4px 8px;display:inline-flex;font-size:var(--font-size-xs)!important;white-space:nowrap!important;flex-shrink:0!important;line-height:1!important}.session-duration-tag .material-symbols-outlined{color:var(--color-primaryPink);font-size:var(--font-size-px13)!important}.preview-card-footer.session-footer .preview-explore-btn{margin-left:auto;font-size:var(--font-size-xs)!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;gap:var(--spacing-xs)!important;border-radius:var(--radius-pill)!important;border:1px solid var(--color-primaryPink)!important;background-color:var(--color-white)!important;height:28px!important;min-height:28px!important;color:var(--color-primaryPink)!important;vertical-align:middle!important;flex-shrink:0!important;padding:0 12px!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important}.preview-card-footer.session-footer .preview-explore-btn>span:not(.btn-arrow){align-items:center;line-height:1;display:inline-flex}.preview-card-footer.session-footer .preview-explore-btn:hover{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;box-shadow:0 2px 6px #79546533!important}.preview-card-footer.session-footer .preview-explore-btn .btn-arrow{line-height:1!important;font-size:var(--font-size-m)!important;vertical-align:middle!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:transform .2s!important;display:inline-flex!important}.preview-card-footer.session-footer .preview-explore-btn:hover .btn-arrow{transform:translateX(var(--font-size-px2))!important}.session-no-lessons-text{font-size:var(--font-size-xs)!important;color:var(--color-gray,#4a5568)!important;font-weight:var(--font-weight-medium)!important;white-space:nowrap!important;background-color:var(--color-paleGray,#f2f4f6)!important;border-radius:var(--radius-pill)!important;border:1px dashed var(--color-borderGray,#e6dee2)!important;box-sizing:border-box!important;align-items:center!important;height:26px!important;padding:4px 10px!important;font-style:italic!important;line-height:1.2!important;display:inline-flex!important}.admin-session-preview-card.no-lessons-card{cursor:default!important}.admin-session-preview-card.no-lessons-card:hover{box-shadow:var(--shadow-soft)!important;border-color:var(--color-borderGray)!important;transform:none!important}.admin-lesson-player-container{background-color:var(--color-black);border-radius:var(--radius-large);flex-direction:column;width:100%;height:480px;min-height:480px;max-height:480px;display:flex;overflow:hidden;box-shadow:0 12px 32px #0003}@media (width<=640px){.admin-lesson-player-container{height:320px;min-height:320px;max-height:320px}}.admin-media-wrapper{background-color:var(--color-black);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.admin-media-wrapper.video-wrapper{height:100%}.admin-media-element{object-fit:cover;width:100%;height:100%}.admin-media-overlay-play{cursor:pointer;background-color:#00000059;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;inset:0}.admin-media-overlay-play:hover{background-color:#0003}.play-big-icon{font-size:var(--font-size-xxxl);color:var(--color-white);filter:drop-shadow(0 4px 12px #0006);transition:transform .2s}.admin-media-overlay-play:hover .play-big-icon{transform:scale(1.1)}.admin-media-wrapper.audio-wrapper{padding:var(--spacing-xl);background:radial-gradient(circle,#26161e 0%,#100b0d 100%);height:100%}.admin-audio-visualizer-box{align-items:center;gap:var(--spacing-m);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.audio-visualizer-circle{border-radius:var(--radius-pill);background-color:var(--color-primaryPink);width:88px;height:88px;color:var(--color-white);justify-content:center;align-items:center;transition:transform .2s;display:flex;box-shadow:0 0 24px #79546599}.admin-audio-visualizer-box:hover .audio-visualizer-circle{transform:scale(1.05)}.audio-big-icon{font-size:var(--font-size-xxxl)}.admin-audio-visualizer-box .audio-visualizer-text{align-items:center;gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.audio-now-playing-label{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-white)}.audio-duration-caption{font-size:var(--font-size-xs);color:var(--color-pinkGray)}.admin-media-wrapper.pdf-wrapper{background-color:var(--color-black);width:100%;height:100%;overflow:hidden;-webkit-user-select:none!important;user-select:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;display:flex!important}.pdf-iframe{border:none;width:100%;height:100%;display:block;-webkit-user-select:none!important;user-select:none!important}.admin-player-controls-bar{align-items:center;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-l);color:var(--color-white);background-color:#141414f2;display:flex}.player-control-btn{cursor:pointer;color:var(--color-white)!important;padding:var(--spacing-xs)!important;border-radius:var(--radius-small)!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;display:flex!important}.player-control-btn:hover{background-color:#ffffff26!important}.player-time-display{font-size:var(--font-size-m);color:var(--color-white);white-space:nowrap}.player-progress-bar-wrap{cursor:pointer;flex:1;align-items:center;display:flex}.player-progress-track{border-radius:var(--radius-pill);background-color:#ffffff40;width:100%;height:6px;position:relative;overflow:hidden}.player-progress-fill{background-color:var(--color-primaryPink);border-radius:var(--radius-pill);width:45%;height:100%}.player-controls-right{align-items:center;gap:var(--spacing-xs);display:flex}.player-speed-dropdown-wrap{position:relative}.speed-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white)}.player-speed-menu{margin-bottom:var(--spacing-xs);background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);z-index:20;flex-direction:column;min-width:90px;display:flex;position:absolute;bottom:100%;right:0;overflow:hidden}.speed-menu-title{padding:4px var(--spacing-s);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray);background-color:var(--color-paleGray);border-bottom:1px solid var(--color-borderGray)}.speed-menu-item{padding:var(--spacing-xs) var(--spacing-s);text-align:left;font-size:var(--font-size-xs);color:var(--color-darkGray);cursor:pointer;background:0 0;border:none}.speed-menu-item:hover{background-color:var(--color-paleGray)}.speed-menu-item.active{color:var(--color-primaryPink);font-weight:var(--font-weight-bold)}.admin-lesson-player-container:fullscreen{background-color:var(--color-black)!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;box-shadow:none!important;border-radius:0!important;flex-direction:column!important;display:flex!important}.admin-lesson-player-container:fullscreen .admin-media-wrapper.video-wrapper{flex:1!important;width:100%!important;height:calc(100vh - 64px)!important}.admin-lesson-player-container:fullscreen .admin-player-controls-bar{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#120e10eb!important;border-top:1px solid #ffffff14!important;width:100%!important;height:64px!important;padding:0 28px!important}video::-webkit-media-controls-download-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}audio::-webkit-media-controls-download-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}video::-internal-media-controls-download-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}audio::-internal-media-controls-download-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}video::-webkit-media-controls-overflow-button-download{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}audio::-webkit-media-controls-overflow-button-download{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.pdf-wrapper,.pdf-iframe,.lesson-document-body,.lesson-document{-webkit-user-select:none!important;user-select:none!important}.admin-lesson-action-strip{padding:var(--spacing-m) var(--spacing-l);background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:var(--spacing-m);display:flex}.nav-btn-col{flex:1 1 0;min-width:0;display:flex}.nav-btn-col.left{justify-content:flex-start}.nav-btn-col.center{flex:none;justify-content:center}.nav-btn-col.right{justify-content:flex-end}.nav-placeholder{visibility:hidden;width:1px;height:1px}.btn-label-desktop{display:inline}.btn-label-mobile{display:none}.lesson-nav-action-btn{align-items:center!important;gap:var(--spacing-xs)!important;border-radius:var(--radius-pill)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-semibold)!important;display:inline-flex!important}.btn-nav-icon{font-size:var(--font-size-m)}.preview-mark-complete-btn{align-items:center!important;gap:var(--spacing-xs)!important;border-radius:var(--radius-pill)!important;padding:var(--spacing-s) var(--spacing-xl)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-bold)!important;display:inline-flex!important;box-shadow:0 4px 12px #79546540!important}.preview-mark-complete-btn.completed{background-color:var(--color-successGreen)!important;border-color:var(--color-successGreen)!important}.preview-mark-complete-btn .mark-icon{font-size:var(--font-size-m)}.preview-action-tooltip-wrap{justify-content:center;display:inline-flex;position:relative}.preview-action-hover-hint{color:var(--color-white);border-radius:var(--radius-medium);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xs);white-space:nowrap;pointer-events:none;opacity:0;z-index:60;background:#1e181cf2;border:1px solid #ffd8e759;padding:8px 14px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 24px #0000004d}.preview-action-hover-hint:after{content:"";border:6px solid #0000;border-top-color:#1e181cf2;position:absolute;top:100%;left:50%;transform:translate(-50%)}.preview-action-hover-hint .hint-icon{font-size:var(--font-size-xl);color:var(--color-primaryPink);flex-shrink:0}.preview-action-tooltip-wrap:hover .preview-action-hover-hint,.preview-action-tooltip-wrap:focus-within .preview-action-hover-hint{opacity:1;transform:translate(-50%)translateY(0)}.admin-recommended-lessons-card{background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-l);box-shadow:var(--shadow-soft);gap:var(--spacing-m);flex-direction:column;display:flex}.recommended-card-header{justify-content:space-between;align-items:center;display:flex}.recommended-header-title-row{align-items:center;gap:var(--spacing-s);display:flex}.recommended-header-icon{color:var(--color-primaryPink);font-size:var(--font-size-xl)}.recommended-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.recommended-subtitle{font-size:var(--font-size-xs);color:var(--color-gray);margin:0}.recommended-lessons-grid{gap:var(--spacing-m);grid-template-columns:1fr;display:grid}@media (width>=640px){.recommended-lessons-grid{grid-template-columns:repeat(3,1fr)}}.recommended-lesson-mini-card{background-color:var(--color-paleGray);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.recommended-lesson-mini-card:hover{border-color:var(--color-primaryPinkLight);box-shadow:var(--shadow-soft);background-color:var(--color-white);transform:translateY(-2px)}.recommended-mini-img-wrap{background-color:var(--color-borderGray);width:100%;height:100px;position:relative;overflow:hidden}.recommended-mini-img{object-fit:cover;width:100%;height:100%}.recommended-type-tag{bottom:var(--spacing-xs);left:var(--spacing-xs);color:var(--color-white);padding:2px var(--spacing-xs);border-radius:var(--radius-small);font-size:var(--font-size-xs);background-color:#000000a6;align-items:center;gap:2px;display:inline-flex;position:absolute}.recommended-type-tag .tag-icon{font-size:var(--font-size-m)}.recommended-mini-info{padding:var(--spacing-s);flex-direction:column;flex:1;gap:4px;display:flex}.recommended-mini-section{font-size:var(--font-size-xs);color:var(--color-gray);font-weight:var(--font-weight-medium)}.recommended-mini-title{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.recommended-mini-footer{padding-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.recommended-mini-duration{align-items:center;gap:2px;display:inline-flex}.recommended-mini-duration .material-symbols-outlined{font-size:var(--font-size-l)}.preview-action-text{color:var(--color-primaryPink);font-weight:var(--font-weight-bold);align-items:center;gap:2px;display:inline-flex}.preview-action-text .material-symbols-outlined{font-size:var(--font-size-l)}.syllabus-sidebar-panel{gap:var(--spacing-m);flex-direction:column;width:100%;display:flex}@media (width>=1024px){.syllabus-sidebar-panel{width:280px;top:var(--spacing-s);flex:0 0 280px;position:sticky}}@media (width>=1280px){.syllabus-sidebar-panel{flex:0 0 290px;width:290px}}@media (width>=1440px){.syllabus-sidebar-panel{flex:0 0 300px;width:300px}}.syllabus-card-wrapper{background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-m);box-shadow:var(--shadow-soft);gap:var(--spacing-m);scrollbar-width:thin;scrollbar-color:var(--color-borderGray) transparent;flex-direction:column;max-height:calc(100vh - 120px);display:flex;overflow:hidden auto}@media (width<=1023px){.syllabus-sidebar-panel{margin-top:var(--spacing-m);flex:100%!important;width:100%!important;position:static!important}.syllabus-card-wrapper{max-height:520px;overflow-y:auto}}.syllabus-card-wrapper::-webkit-scrollbar{width:5px}.syllabus-card-wrapper::-webkit-scrollbar-thumb{background:var(--color-borderGray);border-radius:var(--radius-pill)}.syllabus-main-header{padding-bottom:var(--spacing-s);border-bottom:1px solid var(--color-paleGray);justify-content:space-between;align-items:center;display:flex}.syllabus-header-main-content{flex-direction:column;gap:3px;width:100%;display:flex}.syllabus-header-title-row{align-items:center;gap:var(--spacing-s);display:flex}.syllabus-header-icon-box{width:32px;height:32px;color:var(--color-primaryPink);background:linear-gradient(135deg,#e91e631f 0%,#79546514 100%);border:1px solid #e91e632e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex;box-shadow:0 2px 6px #e91e6314}.syllabus-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);letter-spacing:-.2px;margin:0;line-height:1.2}.syllabus-header-subrow{align-items:center;padding-left:40px;display:flex}.syllabus-badge-subtext{font-size:var(--font-size-px13);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);letter-spacing:-.1px}.syllabus-circular-progress-card{align-items:center;gap:var(--spacing-m);padding:var(--spacing-m);border:1px solid var(--color-primaryPinkLight);border-radius:var(--radius-large);background:linear-gradient(135deg,#fff0f6b3 0%,#fffffff2 100%);display:flex;box-shadow:0 4px 16px #79546514}.circular-progress-ring-wrap{flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.circular-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress-bg-track{fill:none;stroke:var(--color-borderGray);stroke-width:6px;opacity:.45}.circular-progress-bar-glow{fill:none;stroke:var(--color-primaryPink);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 2px 4px #79546559);transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.circular-progress-inner-content{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.circular-progress-pct-number{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-primaryPink);letter-spacing:-.3px;line-height:1}.circular-progress-text-group{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.circular-progress-headline{font-size:var(--font-size-px11);font-weight:var(--font-weight-bold);color:var(--color-darkGray);text-transform:uppercase;letter-spacing:.5px}.circular-progress-subline{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.circular-progress-pill-badge{font-size:var(--font-size-px11);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);background-color:var(--color-primaryPinkSoft);border-radius:var(--radius-pill);align-items:center;gap:4px;width:fit-content;margin-top:3px;padding:3px 9px;display:inline-flex}.sidebar-insights-icon{font-size:var(--font-size-px20);color:var(--color-primaryPink)}.circular-progress-pill-badge .material-symbols-outlined{font-size:var(--font-size-m)}.syllabus-tree-container{gap:var(--spacing-s);flex-direction:column;display:flex}.syllabus-course-node{border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background-color:var(--color-white);transition:border-color .2s;position:relative}.syllabus-course-header{padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-paleGray);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-medium) var(--radius-medium) 0 0;justify-content:space-between;align-items:center;transition:background-color .15s;display:flex;position:relative}.syllabus-course-header:hover{background-color:var(--color-softGray)}.syllabus-course-header.active{background-color:var(--color-primaryPinkSoft)}.syllabus-course-title-group{align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.course-folder-icon{font-size:var(--font-size-m);color:var(--color-primaryPink)}.syllabus-course-title{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;transition:color .15s;overflow:hidden}.syllabus-course-title-group:hover .syllabus-course-title{color:var(--color-primaryPink)}.syllabus-course-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.syllabus-item-count{font-size:var(--font-size-xs);color:var(--color-gray)}.syllabus-chevron-btn{width:24px!important;height:24px!important;color:var(--color-gray)!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.syllabus-chevron-btn .material-symbols-outlined{font-size:var(--font-size-m)}.syllabus-sessions-list{background-color:var(--color-white);flex-direction:column;display:flex}.syllabus-session-node{border-top:1px solid var(--color-borderGray)}.syllabus-session-node.is-active-session{background-color:#ffd8e726}.syllabus-session-header{padding:var(--spacing-s) var(--spacing-m);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;transition:background-color .15s;display:flex;position:relative}.syllabus-session-header:hover{background-color:var(--color-paleGray)}.syllabus-session-header.active{background-color:var(--color-primaryPinkSoft);border-left:3px solid var(--color-primaryPink)}.syllabus-session-title-group{flex-direction:column;gap:1px;min-width:0;display:flex}.syllabus-session-index{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primaryPink)}.syllabus-session-title{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;transition:color .15s;overflow:hidden}.syllabus-session-title-group:hover .syllabus-session-title{color:var(--color-primaryPink)}.syllabus-session-meta{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.syllabus-session-duration{font-size:var(--font-size-xs);color:var(--color-gray)}.syllabus-lessons-list{background-color:var(--color-white);border-top:1px solid var(--color-paleGray);flex-direction:column;display:flex}.syllabus-lesson-row{align-items:flex-start;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m);border-bottom:1px solid var(--color-paleGray);-webkit-user-select:none;user-select:none;display:flex;position:relative}.syllabus-lesson-row.is-readonly{cursor:default!important}.syllabus-lesson-row.is-readonly:hover{background-color:#0000!important}.syllabus-lesson-type-icon{font-size:var(--font-size-m);color:var(--color-primaryPink);flex-shrink:0;margin-top:1px}.syllabus-lesson-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.syllabus-lesson-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-black);line-height:1.35}.syllabus-lesson-row.is-active-lesson .syllabus-lesson-title{color:var(--color-primaryPink);font-weight:var(--font-weight-bold)}.syllabus-lesson-submeta{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray);display:flex}.syllabus-lesson-dur{font-size:var(--font-size-px11);color:var(--color-gray);line-height:1.2}.syllabus-lesson-dur.syllabus-pdf-pill{color:var(--color-primaryPink);background-color:var(--color-primaryPinkSoft);border:1px solid var(--color-primaryPinkLight);border-radius:var(--radius-pill);letter-spacing:.2px;white-space:nowrap;align-items:center;width:fit-content;margin-top:1px;display:inline-flex;font-size:8.5px!important;font-weight:var(--font-weight-medium)!important;height:14px!important;padding:0 4px!important;line-height:12px!important}.media-type-icon{font-size:var(--font-size-px13)}.syllabus-lock-icon{font-size:var(--font-size-xl)!important;color:var(--color-textMuted)!important;margin-left:auto!important}.active-pill-badge{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-primaryPink);background-color:var(--color-white);border-radius:var(--radius-pill);border:1px solid var(--color-primaryPinkLight);padding:1px 6px}.syllabus-lesson-row:not(.is-readonly){cursor:pointer;transition:background-color .15s}.syllabus-lesson-row:not(.is-readonly):hover{background-color:var(--color-paleGray)}.syllabus-lesson-row.is-active-lesson{background-color:var(--color-primaryPinkSoft);border-left:3px solid var(--color-primaryPink)}.syllabus-lesson-row .lesson-completed-icon{color:var(--color-successGreen);font-size:var(--font-size-l);flex-shrink:0}.syllabus-progress-bar-wrap{background-color:var(--color-white);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);width:100%;height:6px;margin:var(--spacing-xs) 0;overflow:hidden}.syllabus-progress-bar-fill{background-color:var(--color-primaryPink);border-radius:var(--radius-pill);height:100%;transition:width .3s}.syllabus-course-node.is-active-course{border-color:var(--color-primaryPink)!important;box-shadow:0 2px 10px #79546529!important}.syllabus-course-header.is-active-course-header,.syllabus-session-node.is-active-session>.syllabus-session-header{background-color:var(--color-primaryPinkSoft)!important;border-left:3px solid var(--color-primaryPink)!important}.syllabus-session-node.is-active-session .syllabus-session-title{color:var(--color-primaryPink)!important;font-weight:var(--font-weight-bold)!important}.syllabus-locked-tooltip-wrapper{width:100%;position:relative}.syllabus-course-header:hover,.syllabus-session-header:hover,.syllabus-lesson-row:hover{z-index:100}.syllabus-locked-tooltip{background-color:var(--color-darkGray);color:var(--color-white);border-radius:var(--radius-medium);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);white-space:normal;align-items:flex-start;gap:var(--spacing-xs);pointer-events:none;opacity:0;visibility:hidden;z-index:99999;width:max-content;max-width:290px;padding:10px 14px;line-height:1.4;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px);box-shadow:0 6px 20px #0000004d}.syllabus-locked-tooltip .tooltip-icon{font-size:var(--font-size-l);color:var(--color-primaryPinkLight);flex-shrink:0;margin-top:1px}.syllabus-locked-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-darkGray) transparent transparent transparent;position:absolute;top:100%;right:28px}.syllabus-course-header:hover .syllabus-locked-tooltip,.syllabus-session-header:hover .syllabus-locked-tooltip,.syllabus-lesson-row:hover .syllabus-locked-tooltip{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.admin-zoom-modal-overlay{z-index:1000;padding:var(--spacing-l);background-color:#000000bf;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-zoom-modal-dialog{background-color:var(--color-white);border-radius:var(--radius-large);flex-direction:column;width:100%;max-width:720px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #0000004d}.admin-zoom-close-btn{top:var(--spacing-s);right:var(--spacing-s);z-index:10;color:var(--color-white)!important;border-radius:var(--radius-pill)!important;background-color:#0009!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important;position:absolute!important}.admin-zoom-large-img{object-fit:cover;width:100%;max-height:520px}.admin-zoom-caption{padding:var(--spacing-m);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);background-color:var(--color-white);margin:0}.empty-hierarchy-card,.admin-preview-empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-xl);background:var(--color-white);border:1px dashed var(--color-primaryPinkLight);border-radius:var(--radius-large);justify-content:center;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-s);box-shadow:var(--shadow-soft);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.empty-graphic-circle{border-radius:var(--radius-pill);background:var(--color-primaryPinkSoft);width:72px;height:72px;color:var(--color-primaryPink);margin-bottom:var(--spacing-xs);box-shadow:var(--shadow-softPinkGlow);justify-content:center;align-items:center;display:flex}.empty-graphic-circle .material-symbols-outlined{font-size:var(--spacing-xxl);color:var(--color-primaryPink)}.admin-preview-empty-state .empty-icon{font-size:var(--font-size-xxxl);color:var(--color-primaryPink)}.empty-hierarchy-card h3,.empty-hierarchy-card h4,.admin-preview-empty-state h3,.admin-preview-empty-state h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);word-break:break-word;overflow-wrap:anywhere;margin:0}.empty-hierarchy-card p,.admin-preview-empty-state p{font-size:var(--font-size-m);color:var(--color-gray);word-break:break-word;overflow-wrap:anywhere;max-width:460px;margin:0;line-height:1.6}.empty-hierarchy-card .empty-action-btn,.admin-preview-empty-state .empty-action-btn{margin-top:var(--spacing-s);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-xl);border-radius:var(--radius-pill);background:var(--color-primaryPink);color:var(--color-white);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-soft);white-space:nowrap;border:none;transition:all .2s;display:inline-flex}.empty-hierarchy-card .empty-action-btn:hover,.admin-preview-empty-state .empty-action-btn:hover{background:var(--color-mauve);transform:translateY(-1px)}.empty-hierarchy-card .empty-action-btn .material-symbols-outlined,.admin-preview-empty-state .empty-action-btn .material-symbols-outlined{font-size:var(--font-size-l)}.syllabus-sidebar-empty-box{align-items:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m);margin:var(--spacing-xs) var(--spacing-s);background-color:var(--color-paleGray);border:1px dashed var(--color-borderGray);border-radius:var(--radius-medium);color:var(--color-gray);font-size:var(--font-size-m);display:flex}.syllabus-sidebar-empty-box .material-symbols-outlined{font-size:var(--font-size-px18);color:var(--color-primaryPink)}.syllabus-sidebar-empty-box p{margin:0;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=767px){.admin-preview-container{padding:var(--spacing-s) var(--spacing-m)}.admin-preview-title{font-size:var(--font-size-xxl)!important}.admin-preview-subtitle{font-size:var(--font-size-l)!important}.admin-sessions-stream.grid{gap:var(--spacing-s)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.admin-sessions-stream.grid .admin-session-preview-card{flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important}.admin-sessions-stream.grid .preview-card-img-box{width:100%!important;height:115px!important;min-height:115px!important}.admin-sessions-stream.grid .preview-card-info.admin-session-card-info{padding:var(--spacing-s)!important}.admin-sessions-stream.grid .preview-card-title{font-size:var(--font-size-m)!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.admin-sessions-stream.grid .preview-card-desc{font-size:var(--font-size-xs)!important;-webkit-line-clamp:2!important;margin:var(--spacing-xs) 0!important;-webkit-box-orient:vertical!important;line-height:1.3!important;display:-webkit-box!important;overflow:hidden!important}.admin-sessions-stream.grid .session-progress-preview-wrap{margin:var(--spacing-xs) 0!important}.admin-sessions-stream.grid .session-progress-label{font-size:var(--font-size-xs)!important}.admin-sessions-stream.grid .progress-hint-icon{font-size:var(--font-size-s)!important}.admin-sessions-stream.grid .session-meta-chips{gap:var(--spacing-xs)!important;flex-wrap:wrap!important;width:100%!important}.admin-sessions-stream.grid .session-lessons-count-label,.admin-sessions-stream.grid .session-duration-tag{font-size:var(--font-size-xs)!important;padding:var(--font-size-px2) var(--radius-small)!important}.admin-sessions-stream.grid .preview-card-footer.session-footer{align-items:stretch!important;gap:var(--spacing-xs)!important;padding-top:var(--spacing-xs)!important;flex-direction:column!important;margin-top:auto!important}.admin-sessions-stream.grid .preview-card-footer.session-footer .preview-explore-btn{width:100%!important;height:28px!important;min-height:28px!important;font-size:var(--font-size-xs)!important;padding:0 var(--spacing-s)!important;justify-content:center!important;margin-left:0!important}.admin-sessions-stream.grid .session-no-lessons-text{text-align:center!important;width:100%!important;font-size:var(--font-size-xs)!important;padding:var(--font-size-px3) var(--radius-small)!important;justify-content:center!important}.admin-sessions-stream.list{gap:var(--spacing-m)!important;flex-direction:column!important;width:100%!important;display:flex!important}.admin-sessions-stream.list .admin-session-preview-card{width:100%!important;height:auto!important;min-height:unset!important;flex-direction:column!important}.admin-sessions-stream.list .preview-card-img-box{width:100%!important;min-width:100%!important;max-width:100%!important;height:160px!important;min-height:160px!important}.admin-sessions-stream.list .preview-card-info.admin-session-card-info{padding:var(--spacing-m)!important}.admin-sessions-stream.list .preview-card-footer.session-footer{justify-content:space-between!important;align-items:center!important;gap:var(--spacing-xs)!important;flex-flow:row!important}.admin-sessions-stream.list .session-lessons-count-label,.admin-sessions-stream.list .session-duration-tag{font-size:var(--font-size-xs)!important;padding:var(--font-size-px3) var(--spacing-s)!important}.admin-sessions-stream.list .preview-card-footer.session-footer .preview-explore-btn{height:28px!important;padding:0 var(--radius-medium)!important;font-size:var(--font-size-xs)!important}.btn-label-desktop{display:none!important}.btn-label-mobile{display:inline!important}.admin-lesson-action-strip{width:100%!important;padding:var(--spacing-s) var(--spacing-xs)!important;justify-content:space-between!important;align-items:center!important;gap:var(--spacing-xs)!important;box-sizing:border-box!important;flex-flow:row!important;display:flex!important}.nav-btn-col{flex:1 1 0!important;min-width:0!important;display:flex!important}.nav-btn-col.left{justify-content:flex-start!important}.nav-btn-col.center{flex:none!important;justify-content:center!important}.nav-btn-col.right{justify-content:flex-end!important}.preview-mark-complete-btn{padding:var(--spacing-xs) var(--spacing-s)!important;font-size:var(--font-size-xs)!important;white-space:nowrap!important;min-width:auto!important}.preview-mark-complete-btn .mark-icon{font-size:var(--font-size-s)!important}.lesson-nav-action-btn{padding:var(--spacing-xs) var(--spacing-xs)!important;font-size:var(--font-size-xs)!important;white-space:nowrap!important;min-width:auto!important}.lesson-nav-action-btn .btn-nav-icon{font-size:var(--font-size-s)!important}.recommended-lessons-grid{grid-template-columns:1fr!important}}.document-viewer-error.pdf-fallback-card{justify-content:center;align-items:center;gap:var(--spacing-m);width:100%;height:100%;min-height:380px;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-medium);text-align:center;flex-direction:column;display:flex}.pdf-fallback-card .pdf-error-icon{color:var(--color-primaryPink);font-size:42px}.pdf-fallback-card .pdf-error-text{font-size:var(--font-size-l);color:var(--color-darkGray);font-weight:var(--font-weight-medium);margin:0}.pdf-reload-btn{background-color:var(--color-primaryPink)!important;color:var(--color-white)!important;border-radius:var(--radius-pill)!important;font-size:var(--font-size-px13)!important;font-weight:var(--font-weight-semibold)!important;cursor:pointer!important;border:none!important;justify-content:center!important;align-items:center!important;padding:8px 24px!important;transition:all .2s ease-in-out!important;display:inline-flex!important;box-shadow:0 2px 8px #79546540!important}.pdf-reload-btn:hover{transform:translateY(-1px);filter:brightness(.92)!important;box-shadow:0 4px 12px #79546559!important}.rich-text-content{font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;word-break:break-word;overflow-wrap:break-word}.rich-text-content p{line-height:inherit;margin:0 0 .4em}.rich-text-content p:last-child{margin-bottom:0}.rich-text-content strong,.rich-text-content b{color:inherit;font-weight:700!important}.rich-text-content em,.rich-text-content i{font-style:italic!important}.rich-text-content u{text-decoration:underline!important}.rich-text-content s,.rich-text-content strike{text-decoration:line-through!important}.rich-text-content ul{margin:.3em 0 .5em 1.3em!important;padding:0!important;list-style-type:disc!important}.rich-text-content ol{margin:.3em 0 .5em 1.3em!important;padding:0!important;list-style-type:decimal!important}.rich-text-content li{line-height:inherit;margin:.15em 0!important;padding:0!important;display:list-item!important}.rich-text-content blockquote{border-left:3px solid var(--color-primaryPink,#795465);color:var(--color-darkGray,#4f4448);margin:.4em 0;padding-left:.8em;font-style:italic}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6{color:inherit;margin:.4em 0 .2em;font-weight:700}.rich-text-content .ql-align-center{text-align:center}.rich-text-content .ql-align-right{text-align:right}.rich-text-content .ql-align-justify{text-align:justify}.courses-v2-container{gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m);box-sizing:border-box;flex-direction:column;width:100%;min-height:calc(100vh - 80px);display:flex;max-width:100%!important;margin:0!important}@media (width>=1200px){.courses-v2-container{align-items:flex-start;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-l);flex-direction:row}}.courses-v2-main{gap:var(--spacing-l);flex-direction:column;flex:1;min-width:0;display:flex}.courses-v2-header{gap:var(--spacing-m);flex-direction:column;display:flex}.courses-v2-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.25}.courses-v2-subtitle{font-size:var(--font-size-l);color:var(--color-gray);margin:var(--spacing-xs) 0 0 0}.courses-v2-controls{gap:var(--spacing-m);flex-direction:column;justify-content:space-between;display:flex}@media (width>=768px){.courses-v2-controls{flex-direction:row;align-items:center}}.courses-v2-filters{gap:var(--spacing-s);flex-wrap:wrap;display:flex}.courses-v2-filter-chip{transition:all .2s;padding:var(--spacing-xs) var(--spacing-m)!important;border-radius:var(--radius-pill)!important;border:1px solid var(--color-borderGray)!important;background-color:var(--color-white)!important;color:var(--color-darkGray)!important;font-size:var(--font-size-m)!important;font-weight:var(--font-weight-medium)!important;width:auto!important;height:auto!important}.courses-v2-filter-chip:hover{background-color:var(--color-paleGray)!important;color:var(--color-darkGray)!important}.courses-v2-filter-chip.active{background-color:var(--color-primaryPink)!important;color:var(--color-white)!important;border-color:var(--color-primaryPink)!important}.courses-v2-toolbar-row{justify-content:space-between;align-items:center;gap:var(--spacing-s) var(--spacing-m);margin-top:var(--spacing-m);flex-wrap:wrap;width:100%;display:flex}.courses-v2-category-bubbles{align-items:center;gap:var(--spacing-xs) var(--spacing-s);flex-wrap:wrap;flex:auto;min-width:0;margin-top:0;margin-bottom:0;display:flex}.courses-v2-inline-toggle{flex-shrink:0;margin-left:auto}.category-bubble-chip{align-items:center!important;gap:var(--spacing-xs)!important;padding:6px var(--spacing-m)!important;border-radius:var(--radius-pill)!important;border:1px solid var(--color-borderGray)!important;background-color:var(--color-white)!important;color:var(--color-darkGray)!important;font-size:var(--font-size-m)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;width:auto!important;height:auto!important;transition:all .2s!important;display:inline-flex!important}.category-bubble-chip:hover{background-color:var(--color-paleGray)!important;color:var(--color-black)!important;border-color:var(--color-warmGray)!important}.category-bubble-chip.active{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;border:1.5px solid var(--color-primaryPink)!important;font-weight:var(--font-weight-bold)!important;box-shadow:0 2px 8px #ffd8e799!important}.category-bubble-chip .bubble-tick{font-size:var(--font-size-l)!important;color:var(--color-successGreen)!important;font-weight:900!important;line-height:1!important}.courses-v2-view-toggle{gap:var(--spacing-xs);background-color:var(--color-white);padding:var(--spacing-xs);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);align-items:center;width:fit-content;display:flex}.courses-v2-toggle-btn{cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;padding:var(--spacing-xs)!important;border-radius:var(--radius-pill)!important;color:var(--color-gray)!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important}.courses-v2-toggle-btn.active{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.courses-v2-content{gap:var(--spacing-l);display:flex}.courses-v2-content.list{flex-direction:column;display:flex}.courses-v2-content.grid{gap:var(--spacing-m);grid-template-columns:1fr;display:grid}@media (width>=600px){.courses-v2-content.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1180px){.courses-v2-content.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.course-v2-card{background-color:var(--color-white);border-radius:var(--radius-large);border:1px solid var(--color-borderGray);box-shadow:var(--shadow-soft);cursor:pointer;flex-direction:column;width:100%;height:100%;transition:transform .2s;display:flex;position:relative;overflow:visible!important}.course-v2-card:hover{box-shadow:var(--shadow-medium);z-index:50;transform:translateY(-2px);overflow:visible!important}.course-v2-card:has(.rate-course-tooltip-wrapper:hover){box-shadow:var(--shadow-medium);z-index:50;transform:translateY(-2px);overflow:visible!important}.course-v2-card:has(.view-course-tooltip-wrapper:hover){box-shadow:var(--shadow-medium);z-index:50;transform:translateY(-2px);overflow:visible!important}.courses-v2-content.list .course-v2-card{flex-direction:row;height:200px;min-height:200px;overflow:visible!important}.courses-v2-content.grid .course-v2-card{width:100%;height:100%}.course-v2-card-img-wrap{aspect-ratio:16/9;cursor:pointer;background-color:var(--color-paleGray);border-radius:var(--radius-large) var(--radius-large) 0 0;width:100%;position:relative;overflow:hidden}.course-v2-card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.course-v2-card-img-wrap:hover .course-v2-card-img{transform:scale(1.04)}.thumbnail-zoom-hint{display:none!important}.courses-v2-content.list .course-v2-card-img-wrap{aspect-ratio:auto;border-radius:var(--radius-large) 0 0 var(--radius-large);flex-shrink:0;width:280px;height:100%;overflow:hidden}.course-v2-badge{padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background-color:var(--color-white);box-shadow:var(--shadow-soft);display:inline-block}.course-v2-badge.in-progress{color:var(--color-secondaryTeal);background-color:var(--color-secondaryTealLight)}.course-v2-badge.completed{color:var(--color-successGreen);background-color:var(--color-successGreenLight)}.course-v2-badge.not-started{color:var(--color-darkGray);background-color:var(--color-paleGray)}.course-v2-card-info{padding:var(--spacing-l);gap:var(--spacing-s);flex-direction:column;flex:1;display:flex}.course-v2-card-header-row{justify-content:space-between;align-items:center;display:flex}.course-v2-title-rating-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-s);display:flex}.course-v2-title-rating-row .course-v2-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:2.7em;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.course-v2-title-rating-row .course-v2-rating{flex-shrink:0}.course-v2-card-desc{font-size:var(--font-size-s);color:var(--color-darkGray);white-space:normal;word-break:break-word;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.course-v2-rate-btn{box-shadow:0 1px 3px #f59e0b1f;border-radius:var(--radius-pill)!important;color:#b45309!important;cursor:pointer!important;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)!important;border:1px solid #fde68a!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;transition:all .2s!important;display:inline-flex!important}.course-v2-rate-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #f59e0b33;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)!important;border-color:#f59e0b!important}.course-v2-rate-btn .star-icon{font-variation-settings:"FILL" 1;font-size:var(--font-size-xl)!important;color:#f59e0b!important}.course-v2-rate-btn.disabled-rate-btn{background:var(--color-paleGray)!important;border-color:var(--color-borderGray)!important;color:var(--color-gray)!important;opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.course-v2-rate-btn.disabled-rate-btn .star-icon{color:var(--color-gray)!important;font-variation-settings:"FILL" 0!important}.rate-course-tooltip-wrapper{display:inline-flex;position:relative;overflow:visible!important}.rate-course-tooltip-wrapper:hover{z-index:100}.rate-course-hover-tooltip{text-align:left;min-width:200px;max-width:280px;bottom:calc(100% + 8px);right:0;z-index:99999!important}.course-card-progress-wrap{gap:var(--spacing-xs);padding-top:var(--spacing-xs);flex-direction:column;margin-top:auto;display:flex}.course-card-progress-wrap .session-progress-preview-labels{font-size:var(--font-size-m);justify-content:space-between;align-items:center;display:flex}.course-card-progress-wrap .session-progress-label{font-weight:var(--font-weight-semibold);color:var(--color-darkGray);align-items:center;gap:4px;display:inline-flex}.course-card-progress-wrap .progress-hint-icon{font-size:var(--font-size-l);color:var(--color-primaryPink)}.course-card-progress-wrap .session-progress-bar-track{background-color:var(--color-white);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);width:100%;height:6px;overflow:hidden}.course-card-progress-wrap .session-progress-bar-fill{background-color:var(--color-primaryPink);border-radius:var(--radius-pill);height:100%;transition:width .3s}.course-v2-card-footer{padding-top:var(--spacing-xs);box-sizing:border-box;margin-top:auto;justify-content:space-between!important;align-items:center!important;gap:var(--spacing-xs)!important;flex-flow:row!important;width:100%!important;display:flex!important;overflow:visible!important}.course-v2-footer-left{flex-shrink:0!important;align-items:center!important;display:flex!important;overflow:visible!important}.course-category-pill{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);border:1px solid var(--color-primaryPinkLight);border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);text-transform:capitalize;vertical-align:middle;padding:var(--font-size-px2) var(--spacing-xs)!important;font-size:var(--font-size-xs)!important;letter-spacing:normal!important;white-space:nowrap!important;text-overflow:clip!important;flex-shrink:0!important;align-items:center!important;max-width:none!important;line-height:1!important;display:inline-flex!important;overflow:visible!important}.course-v2-footer-right{flex-shrink:0!important;align-items:center!important;margin-left:auto!important;display:flex!important}.course-v2-btn-primary{cursor:pointer;vertical-align:middle;transition:all .2s;justify-content:center!important;align-items:center!important;gap:var(--font-size-px2)!important;width:auto!important;height:28px!important;min-height:28px!important;padding:0 var(--spacing-xs)!important;border-radius:var(--radius-pill)!important;border:1px solid var(--color-primaryPink)!important;background-color:var(--color-white)!important;color:var(--color-primaryPink)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-bold)!important;white-space:nowrap!important;flex-shrink:0!important;line-height:1!important;display:inline-flex!important}.course-v2-btn-primary>span:not(.btn-arrow){align-items:center;line-height:1;display:inline-flex}.course-v2-btn-primary:hover{transform:translateY(-1px);box-shadow:0 2px 6px #79546533;background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.course-v2-btn-primary .btn-arrow{vertical-align:middle!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:1em!important;height:1em!important;font-size:1.15em!important;line-height:1!important;transition:transform .2s!important;display:inline-flex!important;position:relative!important;top:1px!important}.course-v2-btn-primary:hover .btn-arrow{transform:translate(2px)!important}.view-course-tooltip-wrapper{display:inline-flex;position:relative}.view-course-tooltip-wrapper:hover{z-index:100}.view-course-hover-tooltip{background-color:var(--color-darkGray);color:var(--color-white);border-radius:var(--radius-medium);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:normal;align-items:flex-start;gap:var(--spacing-xs);pointer-events:none;opacity:0;visibility:hidden;z-index:99999;width:max-content;max-width:240px;padding:8px 12px;line-height:1.35;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px);box-shadow:0 6px 20px #0000004d}.view-course-hover-tooltip .tooltip-icon{font-size:var(--font-size-m);color:var(--color-primaryPinkLight);flex-shrink:0;margin-top:1px}.view-course-hover-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-darkGray) transparent transparent transparent;position:absolute;top:100%;right:20px}.view-course-tooltip-wrapper:hover .view-course-hover-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.courses-v2-pagination-wrapper{margin-top:var(--spacing-xl)}.courses-v2-sidebar{gap:var(--spacing-l);flex-direction:column;width:100%;display:flex}@media (width>=1024px){.courses-v2-sidebar{width:320px;top:var(--spacing-xl);flex-shrink:0;position:sticky}}.courses-v2-sidebar-card{background-color:var(--color-white);border-radius:var(--radius-large);border:1px solid var(--color-borderGray);padding:var(--spacing-l);box-shadow:var(--shadow-soft)}.sidebar-card-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0 0 var(--spacing-m) 0}.sidebar-progress-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.sidebar-progress-header-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.syllabus-btn-arrow{vertical-align:middle!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:1em!important;height:1em!important;font-size:1.15em!important;line-height:1!important;transition:transform .2s!important;display:inline-flex!important;position:relative!important;top:1px!important}.sidebar-progress-title{font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-darkGray)}.sidebar-progress-sessions{gap:var(--spacing-s);margin-top:var(--spacing-xs);padding-left:var(--spacing-s);border-left:1px solid var(--color-borderGray);flex-direction:column;display:flex}.sidebar-progress-session-item{align-items:center;gap:var(--spacing-s);font-size:var(--font-size-xs);display:flex}.sidebar-progress-session-item.current{color:var(--color-primaryPink);font-weight:var(--font-weight-bold)}.recommendation-card{background-color:var(--color-primaryPinkSoft);border-color:#0000}.recommendation-desc{font-size:var(--font-size-s);color:var(--color-darkGray);margin:0 0 var(--spacing-m) 0}.recommendation-btn{width:100%;padding:var(--spacing-s);border-radius:var(--radius-pill);border:1px solid var(--color-primaryPink);color:var(--color-primaryPink);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;transition:all .2s}.recommendation-btn:hover{background-color:var(--color-primaryPink);color:var(--color-white)}.sidebar-expand-icon{font-size:var(--font-size-m);color:var(--color-gray);flex-shrink:0;transition:color .2s}.sidebar-progress-header-row:hover .sidebar-expand-icon{color:var(--color-primaryPink)}.sidebar-progress-sessions .sidebar-progress-session-item{cursor:pointer;border-radius:var(--radius-small);padding:var(--spacing-xs) var(--spacing-xs);transition:background .15s}.sidebar-progress-sessions .sidebar-progress-session-item:hover{background-color:var(--color-paleGray)}@media (width<=767px){.courses-v2-content.list .course-v2-card{flex-direction:column;height:auto}.courses-v2-content.list .course-v2-card-img-wrap,.courses-v2-content.list .course-v2-card-img{width:100%;height:180px}.courses-v2-content.list .course-v2-card-actions .course-v2-btn-primary{width:100%}}.courses-v2-container,.courses-v2-main,.courses-v2-content,.course-v2-card,.course-v2-card-info,.courses-v2-sidebar,.courses-v2-sidebar-card{box-sizing:border-box;min-width:0}.courses-v2-container{width:100%}.course-v2-card-title,.course-v2-card-desc,.sidebar-progress-label,.sidebar-progress-title,.sidebar-progress-session-item{overflow-wrap:anywhere;min-width:0}.courses-v2-filter-chip{white-space:normal;overflow-wrap:anywhere;max-width:100%}.courses-v2-progress-text,.sidebar-progress-header{gap:var(--spacing-xs);flex-wrap:wrap}.sidebar-progress-header-row{gap:var(--spacing-s)}.sidebar-progress-title{flex:1}.courses-v2-pagination-wrapper{width:100%;min-width:0}@media (width<=767px){.courses-v2-container{padding:var(--spacing-l) var(--spacing-m);gap:var(--spacing-l)}.courses-v2-controls{flex-direction:column;align-items:stretch;width:100%}.courses-v2-filters{width:100%;min-width:0}.courses-v2-view-toggle{align-self:flex-end;max-width:100%}.courses-v2-content{gap:var(--spacing-m);width:100%;min-width:0}.courses-v2-content.grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.courses-v2-content.grid .course-v2-card,.courses-v2-content.list .course-v2-card{width:100%;min-width:0;height:auto}.courses-v2-content.list .course-v2-card{flex-direction:column}.courses-v2-content.list .course-v2-card-img-wrap,.courses-v2-content.list .course-v2-card-img{flex-shrink:0;width:100%;height:180px}.course-v2-card-info{width:100%;padding:var(--spacing-m)}.course-v2-card-actions,.courses-v2-content.list .course-v2-card-actions .course-v2-btn-primary,.courses-v2-sidebar{width:100%}.courses-v2-sidebar-card{width:100%;padding:var(--spacing-m)}.sidebar-progress-header-row,.sidebar-progress-session-item{overflow-wrap:anywhere;min-width:0}.courses-v2-pagination-wrapper{max-width:100%}}.courses-v2-toggle-label{display:inline}.courses-v2-toggle-btn{cursor:pointer}.courses-v2-toggle-btn:focus-visible{outline:2px solid var(--color-primaryPink);outline-offset:2px}@media (width<=767px){.courses-v2-controls{flex-direction:column;align-items:stretch;width:100%;display:flex}.courses-v2-view-toggle{width:fit-content;margin-top:var(--spacing-s);align-self:flex-end;align-items:center;display:flex}.courses-v2-toggle-btn{padding:var(--spacing-xs);justify-content:center;align-items:center;display:flex}}.whats-inside-card{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-l);box-shadow:var(--shadow-soft)}.whats-inside-header{align-items:flex-start;gap:var(--spacing-s);margin-bottom:var(--spacing-m);display:flex}.whats-inside-header-icon{font-size:var(--font-size-xl);color:var(--color-primaryPink);margin-top:2px}.whats-inside-subtitle{font-size:var(--font-size-s);color:var(--color-gray);margin:var(--spacing-xs) 0 0}.whats-inside-grid{gap:var(--spacing-m);flex-direction:column;display:flex}.whats-inside-item{align-items:flex-start;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-medium);background:var(--color-paleGray);transition:background-color .2s;display:flex}.whats-inside-item:hover{background:var(--color-softGray)}.whats-inside-icon-wrap{width:calc(var(--spacing-xl) + var(--spacing-xs));height:calc(var(--spacing-xl) + var(--spacing-xs));border-radius:var(--radius-pill);background:var(--color-primaryPinkSoft);color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.whats-inside-icon-wrap .material-symbols-outlined{font-size:var(--font-size-l)}.whats-inside-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.whats-inside-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black)}.whats-inside-desc{font-size:var(--font-size-s);color:var(--color-gray);line-height:1.35}@keyframes zoomFadeIn{0%{opacity:0}to{opacity:1}}.courses-v2-empty-state{padding:var(--spacing-xl);text-align:center;color:var(--color-gray);font-size:var(--font-size-m);width:100%}.courses-empty-fallback-card{text-align:center;padding:var(--spacing-xxl) var(--spacing-xl);background:var(--color-white);border:1px dashed var(--color-primaryPinkLight);border-radius:var(--radius-large);justify-content:center;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-m);box-shadow:var(--shadow-soft);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.courses-empty-graphic{border-radius:var(--radius-pill);background:var(--color-primaryPinkSoft);width:76px;height:76px;color:var(--color-primaryPink);margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #79546526}.courses-empty-graphic .material-symbols-outlined{font-size:var(--font-size-px38);color:var(--color-primaryPink)}.courses-empty-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);letter-spacing:-.3px;margin:0}.courses-empty-desc{font-size:var(--font-size-l);color:var(--color-gray);max-width:520px;margin:0;line-height:1.55}.courses-empty-notify-pill{align-items:center;gap:var(--spacing-s);padding:6px var(--spacing-l);background:var(--color-primaryPinkSoft);color:var(--color-mauve);border:1px solid var(--color-primaryPinkLight);border-radius:var(--radius-pill);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:inline-flex}.courses-empty-notify-pill .notify-icon{font-size:var(--font-size-l);color:var(--color-primaryPink)}.courses-empty-recommendation-card{padding:var(--spacing-xl) var(--spacing-xl);background:var(--color-background);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);width:100%;max-width:580px;margin-top:var(--spacing-s);box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;display:flex;box-shadow:0 2px 10px #00000005}.recommendation-badge{align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-m);background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);color:var(--color-primaryPink);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-s);display:inline-flex}.recommendation-badge .material-symbols-outlined{font-size:var(--font-size-m);color:var(--color-primaryPink)}.recommendation-heading{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black)}.recommendation-desc{margin:0 0 var(--spacing-l);font-size:var(--font-size-m);color:var(--color-darkGray);max-width:480px;line-height:1.55}.recommendation-actions{align-items:center;gap:var(--spacing-m);flex-wrap:wrap;justify-content:center;display:flex}.courses-empty-book-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-xl);border-radius:var(--radius-pill);background:var(--color-primaryPink);color:var(--color-white);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #79546533}.courses-empty-book-btn:hover{background:var(--color-mauve);transform:translateY(-1px);box-shadow:0 6px 16px #79546547}.courses-empty-book-btn .material-symbols-outlined{font-size:var(--font-size-xl)}.courses-empty-clear-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-darkGray);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);border:1px solid var(--color-borderGray);cursor:pointer;transition:all .2s;display:inline-flex}.courses-empty-clear-btn:hover{background:var(--color-paleGray);color:var(--color-black);border-color:var(--color-warmGray)}.courses-empty-clear-btn .material-symbols-outlined{font-size:var(--font-size-m)}.courses-v2-loading-state{padding:var(--spacing-xxl) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-m);width:100%;color:var(--color-gray);font-size:var(--font-size-m);flex-direction:column;display:flex}.courses-v2-spinner{border:3px solid var(--color-borderGray);border-top-color:var(--color-primaryPink);border-radius:var(--radius-pill);width:36px;height:36px;animation:.8s linear infinite coursesV2Spin}@keyframes coursesV2Spin{to{transform:rotate(360deg)}}@media (width<=767px){.courses-v2-container{padding:var(--spacing-s) var(--spacing-m)}.course-v2-title{font-size:var(--font-size-xl)!important}.courses-v2-subtitle{font-size:var(--font-size-m)!important}.courses-v2-content.grid{gap:var(--spacing-s)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.courses-v2-content.grid .course-v2-card{flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important}.courses-v2-content.grid .course-v2-card-img-wrap,.courses-v2-content.grid .course-v2-card-img{height:115px!important}.courses-v2-content.grid .course-v2-card-info{padding:var(--spacing-s)!important}.courses-v2-content.grid .course-v2-title-rating-row{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.courses-v2-content.grid .course-v2-title-rating-row .course-v2-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden;font-size:var(--font-size-m)!important}.courses-v2-content.grid .course-v2-rating-badge{font-size:var(--font-size-xs)!important;padding:var(--font-size-px1) var(--spacing-xs)!important}.courses-v2-content.grid .course-v2-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden;font-size:var(--font-size-xs)!important;margin:var(--spacing-xs) 0!important}.courses-v2-content.grid .course-v2-card-meta-row{gap:var(--spacing-xs);font-size:var(--font-size-xs)!important}.courses-v2-content.grid .course-v2-meta-item{font-size:var(--font-size-xs)!important;gap:var(--font-size-px2)!important}.courses-v2-content.grid .course-v2-meta-icon{font-size:var(--font-size-s)!important}.courses-v2-content.grid .course-v2-card-footer{align-items:stretch!important;gap:var(--spacing-xs)!important;padding-top:var(--spacing-xs)!important;flex-direction:column!important;margin-top:auto!important}.courses-v2-content.grid .course-v2-footer-left{width:100%!important}.courses-v2-content.grid .course-category-pill{text-align:center;display:inline-block;font-size:var(--font-size-xs)!important;padding:var(--font-size-px2) var(--radius-small)!important;max-width:100%!important}.courses-v2-content.grid .course-v2-footer-right,.courses-v2-content.grid .view-course-tooltip-wrapper,.courses-v2-content.grid .course-v2-btn-primary{width:100%!important;height:28px!important;min-height:28px!important;font-size:var(--font-size-xs)!important;padding:0 var(--spacing-s)!important;justify-content:center!important;margin-left:0!important}.courses-v2-content.list{gap:var(--spacing-m)!important;flex-direction:column!important;width:100%!important;display:flex!important}.courses-v2-content.list .course-v2-card{width:100%!important;height:auto!important;min-height:unset!important;flex-direction:column!important}.courses-v2-content.list .course-v2-card-img-wrap,.courses-v2-content.list .course-v2-card-img{width:100%!important;height:160px!important}.courses-v2-content.list .course-v2-card-info{padding:var(--spacing-m)!important}.courses-v2-content.list .course-v2-card-footer{gap:var(--spacing-xs);flex-flow:row!important;justify-content:space-between!important;align-items:center!important}.courses-v2-content.list .course-category-pill{font-size:var(--font-size-xs)!important;padding:var(--font-size-px3) var(--spacing-s)!important}.courses-v2-content.list .course-v2-btn-primary{height:28px!important;padding:0 var(--radius-medium)!important;font-size:var(--font-size-xs)!important}}.user-sessions-v2-container{gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-m);box-sizing:border-box;flex-direction:column;width:100%;min-height:calc(100vh - 80px);display:flex;max-width:100%!important;margin:0!important}@media (width>=1200px){.user-sessions-v2-container{padding:var(--spacing-s) var(--spacing-l);flex-direction:row;align-items:flex-start;gap:6px}}.user-sessions-v2-main{gap:var(--spacing-l);flex-direction:column;flex:1;min-width:0;display:flex}.user-sessions-v2-header{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-direction:column;display:flex}.user-sessions-v2-header-row{justify-content:space-between;align-items:center;gap:var(--spacing-s) var(--spacing-m);flex-wrap:wrap;width:100%;display:flex}.user-sessions-v2-title-section{align-items:center;gap:var(--spacing-s);flex:auto;min-width:0;display:flex}.user-sessions-v2-title-text-group{flex-direction:column;gap:2px;min-width:0;display:flex}.user-sessions-v2-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.25}.user-sessions-v2-subtitle{font-size:var(--font-size-l);color:var(--color-gray);font-weight:var(--font-weight-medium);margin:0}.back-button{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray);cursor:pointer;box-shadow:var(--shadow-soft);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex!important}.back-button:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);border-color:var(--color-primaryPink);transform:translate(-2px)}.back-button .material-symbols-outlined{font-size:var(--font-size-l);line-height:1}@media (width>=768px){.user-sessions-v2-controls{flex-direction:row;align-items:center}}.user-sessions-v2-filters{gap:var(--spacing-s);flex-wrap:wrap;display:flex}.user-sessions-v2-filter-chip{padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);transition:all .2s}.user-sessions-v2-filter-chip:hover{background-color:var(--color-paleGray)}.user-sessions-v2-filter-chip.active{background-color:var(--color-primaryPink);color:var(--color-white);border-color:var(--color-primaryPink)}.user-sessions-v2-view-toggle{gap:var(--spacing-xs);background-color:var(--color-white);padding:var(--spacing-xs);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);flex-shrink:0;margin-left:auto;display:flex}.user-sessions-v2-toggle-btn{justify-content:center;align-items:center;transition:all .2s;display:flex;padding:var(--spacing-xs)!important;border-radius:var(--radius-pill)!important;color:var(--color-gray)!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important}.user-sessions-v2-toggle-btn.active{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.user-sessions-v2-content{gap:var(--spacing-l);display:flex}.user-sessions-v2-content.list{flex-direction:column;display:flex}.user-sessions-v2-content.grid{gap:var(--spacing-m);grid-template-columns:1fr;display:grid}@media (width>=600px){.user-sessions-v2-content.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1180px){.user-sessions-v2-content.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.session-v2-card{background-color:var(--color-white);border-radius:var(--radius-large);border:1px solid var(--color-borderGray);box-shadow:var(--shadow-soft);cursor:pointer;flex-direction:column;width:100%;height:100%;transition:transform .2s;display:flex;overflow:hidden}.session-v2-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.user-sessions-v2-content.list .session-v2-card{flex-direction:row}.user-sessions-v2-content.grid .session-v2-card{width:100%;height:100%}.session-v2-card-img-wrap{aspect-ratio:16/9;cursor:zoom-in;background-color:var(--color-paleGray);width:100%;position:relative;overflow:hidden}.session-v2-card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.session-v2-card-img-wrap:hover .session-v2-card-img{transform:scale(1.04)}.session-v2-card-img-wrap .thumbnail-zoom-hint{bottom:var(--spacing-s);right:var(--spacing-s);border-radius:var(--radius-pill);width:28px;height:28px;color:var(--color-white);opacity:0;pointer-events:none;background-color:#0000008c;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;transform:scale(.85)}.session-v2-card-img-wrap:hover .thumbnail-zoom-hint{opacity:1;transform:scale(1)}.user-sessions-v2-content.list .session-v2-card-img-wrap{aspect-ratio:auto;flex-shrink:0;width:280px;height:100%;min-height:180px}.user-sessions-v2-content.list .session-v2-type-badge{display:none!important}.session-v2-type-badge{top:var(--spacing-s);right:var(--spacing-s);z-index:2;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;position:absolute}.session-v2-type-badge .material-symbols-outlined{font-size:var(--font-size-m)}.session-v2-status-badge{top:var(--spacing-s);left:var(--spacing-s);z-index:2;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background-color:var(--color-white);box-shadow:var(--shadow-soft);display:inline-block;position:absolute}.session-v2-status-badge.in-progress{color:var(--color-secondaryTeal);background-color:var(--color-secondaryTealLight)}.session-v2-status-badge.completed{color:var(--color-successGreen);background-color:var(--color-successGreenLight)}.session-v2-status-badge.not-started{color:var(--color-darkGray);background-color:var(--color-paleGray)}.session-v2-card-info{padding:var(--spacing-l);gap:var(--spacing-s);flex-direction:column;flex:1;display:flex}.session-v2-card-header{gap:var(--spacing-xs);flex-direction:column;display:flex}@media (width>=768px){.user-sessions-v2-content.list .session-v2-card-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.session-v2-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.session-v2-duration{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-m);color:var(--color-gray);font-weight:var(--font-weight-medium);white-space:nowrap;display:flex}.session-v2-duration .material-symbols-outlined{font-size:var(--font-size-l)}.session-v2-card-desc{font-size:var(--font-size-s);color:var(--color-darkGray);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.session-v2-progress-wrapper{padding-top:var(--spacing-xs);margin-top:auto}.session-v2-progress-text{font-size:var(--font-size-m);color:var(--color-gray);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);justify-content:space-between;align-items:center;display:flex}.session-v2-progress-bar-bg{background-color:var(--color-paleGray);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.session-v2-progress-bar-fill{height:100%;width:var(--progress-pct,0%);background-color:var(--color-primaryPink);border-radius:var(--radius-pill);transition:width .3s}.session-v2-card-actions{margin-top:var(--spacing-m);justify-content:flex-end;display:flex}.session-v2-btn-primary,.session-v2-btn-secondary{transition:all .2s;padding:var(--spacing-xs) var(--spacing-m)!important;border-radius:var(--radius-pill)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-bold)!important;width:auto!important;min-width:auto!important;height:auto!important}.session-v2-btn-primary{background-color:var(--color-primaryPink)!important;color:var(--color-white)!important;border:none!important}.session-v2-btn-primary:hover{opacity:.9}.session-v2-btn-secondary{border:1px solid var(--color-borderGray)!important;background-color:var(--color-white)!important;color:var(--color-darkGray)!important}.session-v2-btn-secondary:hover{background-color:var(--color-paleGray)!important}.user-sessions-v2-pagination-wrapper{margin-top:var(--spacing-xl)}.user-sessions-v2-sidebar{gap:var(--spacing-l);flex-direction:column;width:100%;display:flex}@media (width>=1024px){.user-sessions-v2-sidebar{width:320px;top:var(--spacing-xl);flex-shrink:0;position:sticky}}.user-sessions-v2-sidebar-card{background-color:var(--color-white);border-radius:var(--radius-large);border:1px solid var(--color-borderGray);padding:var(--spacing-l);box-shadow:var(--shadow-soft)}.sidebar-progress-circle-card{align-items:center;gap:var(--spacing-m);padding:var(--spacing-m);background-color:var(--color-paleGray);border-radius:var(--radius-large);margin-bottom:var(--spacing-m);display:flex}.sidebar-progress-circle-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.sidebar-progress-circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.sidebar-progress-circle-bg{fill:none;stroke:var(--color-borderGray);stroke-width:4.5px}.sidebar-progress-circle-bar{fill:none;stroke:var(--color-secondaryTeal);stroke-width:4.5px;stroke-linecap:round;transition:stroke-dashoffset .6s}.sidebar-progress-circle-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sidebar-progress-circle-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-black)}.sidebar-progress-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.sidebar-progress-heading{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.sidebar-progress-subtitle{font-size:var(--font-size-xs);color:var(--color-gray);font-weight:var(--font-weight-medium);margin:0}.view-full-syllabus-btn{width:100%;padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-darkGray);cursor:pointer;margin-bottom:var(--spacing-m);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.view-full-syllabus-btn:hover{background-color:var(--color-paleGray);color:var(--color-black);border-color:var(--color-gray)}.syllabus-btn-arrow{line-height:1!important;font-size:var(--font-size-m)!important;vertical-align:middle!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:transform .2s!important;display:inline-flex!important}.sidebar-progress-session-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.sidebar-progress-lessons-sublist{gap:var(--spacing-xs);margin-left:calc(var(--spacing-l) + var(--spacing-xs));padding-left:var(--spacing-s);border-left:2px solid var(--color-borderGray);flex-direction:column;display:flex}.sidebar-progress-lesson-subitem{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-darkGray);display:flex}.lesson-subicon{font-size:var(--font-size-s);color:var(--color-secondaryTeal)}.sidebar-progress-list{gap:var(--spacing-s);flex-direction:column;display:flex}.sidebar-progress-session-item{align-items:center;gap:var(--spacing-s);font-size:var(--font-size-s);padding:var(--spacing-xs) 0;cursor:pointer;border-radius:var(--radius-small);transition:background .15s;display:flex}.sidebar-progress-session-item:hover{background-color:var(--color-paleGray);padding-left:var(--spacing-xs)}.sidebar-progress-session-item.completed{color:var(--color-darkGray)}.sidebar-progress-session-item.current{color:var(--color-black);font-weight:var(--font-weight-medium);background-color:var(--color-paleGray);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-medium);border-left:3px solid var(--color-secondaryTeal);margin-left:calc(-1 * var(--spacing-m))}.sidebar-progress-session-item.locked{color:var(--color-gray)}.icon-status{font-size:var(--font-size-m)}.sidebar-progress-session-item.completed .icon-status{color:var(--color-borderGray)}.sidebar-progress-session-item.current .icon-status{color:var(--color-secondaryTeal)}.sidebar-progress-session-item.locked .icon-status{color:var(--color-borderGray)}.current-badge{font-size:var(--font-size-s);color:var(--color-secondaryTeal);text-transform:uppercase;font-weight:var(--font-weight-bold);margin-left:auto}.view-full-syllabus-btn{width:100%;margin-top:var(--spacing-l);padding:var(--spacing-s);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-darkGray);cursor:pointer;background:0 0}.view-full-syllabus-btn:hover{background-color:var(--color-paleGray)}.guidance-card{background:linear-gradient(135deg, var(--color-white) 0%, var(--color-primaryPinkSoft) 100%);border-color:var(--color-primaryPinkLight);text-align:center;flex-direction:column;align-items:center;display:flex}.guidance-desc{font-size:var(--font-size-s);color:var(--color-darkGray);margin:0 0 var(--spacing-l) 0}.guidance-btn{width:100%;padding:var(--spacing-s);border-radius:var(--radius-pill);background-color:var(--color-black);color:var(--color-white);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);border:none;transition:all .2s}.guidance-btn:hover{background-color:var(--color-darkGray)}.user-sessions-v2-container,.user-sessions-v2-main,.user-sessions-v2-content,.session-v2-card,.session-v2-card-img-wrap,.session-v2-card-img,.session-v2-card-info,.user-sessions-v2-sidebar,.user-sessions-v2-sidebar-card{box-sizing:border-box;min-width:0}.user-sessions-v2-container{width:100%}.user-sessions-v2-title,.user-sessions-v2-subtitle,.session-v2-card-title,.session-v2-card-desc,.sidebar-progress-label,.sidebar-progress-session-item{overflow-wrap:anywhere}.session-v2-card-img{background-position:50%;background-size:cover}.user-sessions-v2-pagination-wrapper{width:100%;min-width:0;max-width:100%}@media (width<=1023px){.user-sessions-v2-container{width:100%;padding:var(--spacing-l) var(--spacing-m);gap:var(--spacing-l);flex-direction:column}.user-sessions-v2-main,.user-sessions-v2-sidebar{width:100%;max-width:100%}.user-sessions-v2-sidebar{position:static}.user-sessions-v2-main{gap:var(--spacing-l)}.user-sessions-v2-header{gap:var(--spacing-m);width:100%}.user-sessions-v2-back-btn{text-align:left;max-width:100%}.user-sessions-v2-title{font-size:var(--font-size-xl);line-height:1.3}.user-sessions-v2-subtitle{font-size:var(--font-size-s)}.user-sessions-v2-controls{flex-direction:row;justify-content:flex-end;align-items:center;width:100%}.user-sessions-v2-filters{flex:1;min-width:0}.user-sessions-v2-view-toggle{flex-shrink:0;align-self:flex-end}.user-sessions-v2-toggle-btn{cursor:pointer;min-width:40px;min-height:40px}.user-sessions-v2-content{gap:var(--spacing-m);width:100%;min-width:0}.user-sessions-v2-content.list{flex-direction:column;display:flex}.user-sessions-v2-content.list .session-v2-card{flex-direction:row;align-items:stretch;width:100%;min-width:0;height:auto;display:flex}.user-sessions-v2-content.list .session-v2-card-img-wrap{flex-shrink:0;width:240px;height:100%;min-height:180px}.user-sessions-v2-content.list .session-v2-card-img{object-fit:cover;width:100%;height:100%;display:block}.session-v2-type-badge{display:none!important}.user-sessions-v2-content.list .session-v2-card-info{width:auto;min-width:0;padding:var(--spacing-s);flex:1}.user-sessions-v2-content.list .session-v2-card-title{overflow-wrap:anywhere}.user-sessions-v2-content.grid{align-items:stretch;gap:var(--spacing-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.user-sessions-v2-content.grid .session-v2-card{flex-direction:column;width:100%;min-width:0;height:auto;display:flex}.user-sessions-v2-content.grid .session-v2-card-img-wrap{width:100%;height:180px}.user-sessions-v2-content.grid .session-v2-card-img{object-fit:cover;width:100%;height:100%;display:block}.user-sessions-v2-content.grid .session-v2-card-info{width:100%;min-width:0;padding:var(--spacing-m)}.user-sessions-v2-content.grid .session-v2-card-title{font-size:var(--font-size-s)}.session-v2-card-info{width:100%;padding:var(--spacing-m);gap:var(--spacing-s)}.session-v2-card-header{min-width:0}.session-v2-duration{align-self:flex-start}.session-v2-card-actions{width:100%;margin-top:var(--spacing-s)}.session-v2-btn-primary,.session-v2-btn-secondary{justify-content:center;width:100%;min-height:40px}.user-sessions-v2-pagination-wrapper{overflow-x:auto}.user-sessions-v2-sidebar{gap:var(--spacing-m)}.user-sessions-v2-sidebar-card{width:100%;padding:var(--spacing-m)}.sidebar-progress-container{padding:var(--spacing-s)}.sidebar-progress-label{min-width:0}.sidebar-progress-session-item{align-items:flex-start;min-width:0}.sidebar-progress-session-item>span:not(.material-symbols-outlined):not(.current-badge){flex:1;min-width:0}.current-badge{flex-shrink:0}.guidance-btn,.view-full-syllabus-btn{min-height:42px}}@media (width<=767px){.user-sessions-v2-container{padding:var(--spacing-m);gap:var(--spacing-l)}.user-sessions-v2-content.list{gap:var(--spacing-m)!important;flex-direction:column!important;width:100%!important;display:flex!important}.user-sessions-v2-content.list .session-v2-card{width:100%!important;height:auto!important;min-height:unset!important;flex-direction:column!important;align-items:stretch!important;display:flex!important}.user-sessions-v2-content.list .session-v2-card-img-wrap,.user-sessions-v2-content.list .session-v2-card-img{flex-shrink:0;width:100%!important;height:160px!important}.user-sessions-v2-content.list .session-v2-card-info{flex:1;min-width:0;padding:var(--spacing-m)!important}.user-sessions-v2-content.grid{align-items:stretch;gap:var(--spacing-s)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.user-sessions-v2-content.grid .session-v2-card{min-width:0;flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important}.user-sessions-v2-content.grid .session-v2-card-img-wrap,.user-sessions-v2-content.grid .session-v2-card-img{width:100%!important;height:115px!important}.session-v2-type-badge{display:none!important}.user-sessions-v2-content.grid .session-v2-card-info{min-width:0;width:100%!important;padding:var(--spacing-s)!important;gap:var(--spacing-xs)!important}.user-sessions-v2-content.grid .session-v2-card-title{overflow-wrap:anywhere;font-size:var(--font-size-m)!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.user-sessions-v2-content.grid .session-v2-duration{white-space:normal;font-size:var(--font-size-xs)!important}.user-sessions-v2-content.grid .session-v2-card-actions{gap:var(--spacing-xs)!important;flex-direction:column!important;width:100%!important;margin-top:auto!important;display:flex!important}.user-sessions-v2-content.grid .session-v2-btn-primary,.user-sessions-v2-content.grid .session-v2-btn-secondary{white-space:normal;width:100%!important;height:28px!important;min-height:28px!important;padding:0 var(--spacing-s)!important;font-size:var(--font-size-xs)!important;justify-content:center!important}}.thumbnail-zoom-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;padding:var(--spacing-l);background-color:#0a0c0ee0;justify-content:center;align-items:center;animation:.2s ease-out zoomFadeIn;display:flex;position:fixed;inset:0}.thumbnail-zoom-modal-dialog{max-width:90vw;max-height:85vh;box-shadow:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.thumbnail-zoom-close-btn{top:calc(-1 * var(--spacing-xl));right:calc(-1 * var(--spacing-xl));width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);color:var(--color-white);cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:1px solid #ffffff4d;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.thumbnail-zoom-close-btn:hover{background-color:#ffffff59;transform:scale(1.08)}.thumbnail-zoom-lens-wrapper{border-radius:var(--radius-large);cursor:crosshair;background-color:var(--color-black);justify-content:center;align-items:center;max-width:80vw;max-height:75vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3,0 0 0 1px #ffffff26}.thumbnail-zoom-image{object-fit:contain;max-width:100%;max-height:75vh;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .15s ease-out;display:block}.thumbnail-zoom-lens-wrapper:hover .thumbnail-zoom-image{transform:scale(2.2)}.thumbnail-zoom-floating-hint{margin-top:var(--spacing-m);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);color:var(--color-white);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#ffffff29;border:1px solid #fff3;display:inline-flex}.thumbnail-zoom-floating-hint .material-symbols-outlined{font-size:var(--font-size-m)}.user-sessions-v2-empty-state{padding:var(--spacing-xl);text-align:center;color:var(--color-gray);font-size:var(--font-size-m);width:100%}@media (width<=640px){.user-sessions-v2-container{padding:var(--spacing-s) var(--spacing-m)}.user-sessions-v2-title{font-size:var(--font-size-xxl)!important}.user-sessions-v2-subtitle{font-size:var(--font-size-l)!important}}.course-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;padding:var(--spacing-m);background-color:#191c1e8c;justify-content:center;align-items:center;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.course-modal-card{background:var(--color-white);border-radius:var(--radius-large);flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.18s ease-out modalSlideUp;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000026}.course-modal-card form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.course-modal-card.session-modal-card{max-width:760px}.course-modal-card.lesson-modal-card{max-width:720px}.course-modal-card.lesson-preview-card{flex-direction:column;width:760px;max-width:95vw;height:600px;max-height:90vh;display:flex}.lesson-preview-body{background-color:var(--color-background);flex:1;justify-content:center;align-items:center;height:480px;min-height:0;display:flex;position:relative;overflow:hidden;padding:0!important}.lesson-preview-video-container{background-color:var(--color-black);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lesson-preview-video{object-fit:contain;width:100%;height:100%;display:block}.lesson-preview-pdf-container{width:100%;height:100%;position:relative;-webkit-user-select:none!important;user-select:none!important}.lesson-preview-pdf-iframe{border:none;width:100%;height:100%;display:block;-webkit-user-select:none!important;user-select:none!important}.lesson-preview-audio-container{justify-content:center;align-items:center;gap:var(--spacing-l);width:100%;height:100%;padding:var(--spacing-xl);background:linear-gradient(180deg, var(--color-white) 0%, var(--color-paleGray) 100%);box-sizing:border-box;flex-direction:column;display:flex}.lesson-preview-audio-icon-box{border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);width:88px;height:88px;color:var(--color-primaryPink);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #79546526}.lesson-preview-audio-icon-box .material-symbols-outlined{font-size:var(--font-size-xxxl)}.lesson-preview-audio-info{text-align:center;gap:var(--spacing-xs);flex-direction:column;max-width:480px;display:flex}.lesson-preview-audio-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.lesson-preview-audio-subtitle{font-size:var(--font-size-m);color:var(--color-gray);margin:0}.lesson-preview-audio-player{width:100%;max-width:460px;margin-top:var(--spacing-xs)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.course-modal-header{padding:var(--spacing-l) var(--spacing-xl);border-bottom:1px solid var(--color-borderGray);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.course-modal-title-row{align-items:center;gap:var(--spacing-s);display:flex}.course-modal-icon{font-size:var(--font-size-xl);color:var(--color-primaryPink)}.course-modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.course-modal-close-btn{cursor:pointer;transition:all .15s;color:var(--color-gray)!important;padding:var(--spacing-xs)!important;border-radius:var(--radius-small)!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:auto!important;height:auto!important;display:flex!important}.course-modal-close-btn:hover{background:var(--color-paleGray)!important;color:var(--color-black)!important}.modal-hidden-file-input{display:none!important}.course-modal-body{padding:var(--spacing-l) var(--spacing-xl);gap:var(--spacing-m);scrollbar-width:thin;scrollbar-color:var(--color-borderGray) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.course-modal-body::-webkit-scrollbar{width:6px}.course-modal-body::-webkit-scrollbar-track{background:0 0}.course-modal-body::-webkit-scrollbar-thumb{background:var(--color-borderGray);border-radius:var(--radius-pill)}.course-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-warmGray)}.modal-form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.modal-form-label{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-black)}.modal-form-label .required-star{color:var(--color-errorRed);margin-left:2px}.modal-form-input,.modal-form-select{width:100%;padding:var(--spacing-s) var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);font-family:inherit;font-size:var(--font-size-l);color:var(--color-black);background-color:var(--color-white);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.modal-form-input:focus,.modal-form-select:focus{border-color:var(--color-primaryPink);box-shadow:0 0 0 3px var(--color-primaryPinkSoft);outline:none}.modal-form-input.has-error{border-color:var(--color-errorRed)}.modal-quill-wrapper{border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background-color:var(--color-white);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.modal-quill-wrapper:focus-within{border-color:var(--color-primaryPink);box-shadow:0 0 0 3px var(--color-primaryPinkSoft)}.modal-quill-wrapper .ql-toolbar.ql-snow{border:none;border-bottom:1px solid var(--color-borderGray);background-color:var(--color-background);padding:var(--spacing-xs) var(--spacing-s)}.modal-quill-wrapper .ql-container.ql-snow{font-family:inherit;font-size:var(--font-size-l);border:none;min-height:80px}.modal-quill-wrapper .ql-editor{min-height:80px;color:var(--color-black);padding:var(--spacing-s) var(--spacing-m)}.modal-quill-wrapper.has-error{border-color:var(--color-errorRed)}.session-modal-columns{gap:var(--spacing-xl);grid-template-columns:1fr 220px;align-items:start;display:grid}.session-modal-left-col{gap:var(--spacing-m);flex-direction:column;display:flex}.session-modal-right-col{gap:var(--spacing-s);flex-direction:column;display:flex}.session-thumbnail-dropzone{border:1.5px dashed var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-l) var(--spacing-m);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-s);background-color:var(--color-background);box-sizing:border-box;flex-direction:column;min-height:160px;transition:all .2s;display:flex}.session-thumbnail-dropzone:hover{border-color:var(--color-primaryPink);background-color:var(--color-white)}.thumbnail-icon-box{color:var(--color-gray);font-size:var(--font-size-xxl);justify-content:center;align-items:center;display:flex}.thumbnail-placeholder-img-wrapper{width:100%;max-width:140px;margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;display:flex}.thumbnail-placeholder-graphic{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-height:85px;display:block}.thumbnail-preview-wrapper{border-radius:var(--radius-medium);border:1px solid var(--color-borderGray);width:100%;height:120px;position:relative;overflow:hidden}.thumbnail-preview-img{object-fit:cover;width:100%;height:100%}.thumbnail-preview-overlay{justify-content:center;align-items:center;gap:var(--spacing-xs);opacity:0;background:#00000073;transition:opacity .15s;display:flex;position:absolute;inset:0}.thumbnail-preview-wrapper:hover .thumbnail-preview-overlay{opacity:1}.thumb-action-btn{cursor:pointer;background:var(--color-white)!important;border-radius:var(--radius-pill)!important;padding:var(--spacing-xs) var(--spacing-s)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important;align-items:center!important;gap:var(--spacing-xs)!important;color:var(--color-black)!important;border:none!important;width:auto!important;height:auto!important;display:inline-flex!important}.thumb-action-btn:hover{background:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.upload-thumb-btn{cursor:pointer;transition:all .15s;background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;border-radius:var(--radius-pill)!important;padding:var(--spacing-xs) var(--spacing-m)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-semibold)!important;align-items:center!important;gap:var(--spacing-xs)!important;border:none!important;width:auto!important;height:auto!important;display:inline-flex!important}.upload-thumb-btn:hover{transform:translateY(-1px);background-color:var(--color-primaryPinkLight)!important}.upload-thumb-btn .material-symbols-outlined{font-size:var(--font-size-m)}.lesson-media-tabs-row{align-items:center;gap:var(--spacing-s);border-bottom:1px solid var(--color-paleGray);padding-bottom:var(--spacing-xs);display:flex}.lesson-media-tab-btn{cursor:pointer;transition:all .15s;align-items:center!important;gap:var(--spacing-xs)!important;padding:var(--spacing-xs) var(--spacing-m)!important;border-radius:var(--radius-pill)!important;color:var(--color-gray)!important;font-size:var(--font-size-m)!important;font-weight:var(--font-weight-medium)!important;background:0 0!important;border:1px solid #0000!important;width:auto!important;height:auto!important;display:inline-flex!important}.lesson-media-tab-btn:hover{color:var(--color-black)!important;background:var(--color-paleGray)!important}.lesson-media-tab-btn.active{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;font-weight:var(--font-weight-semibold)!important}.lesson-media-tab-btn .material-symbols-outlined{font-size:var(--font-size-l)}.lesson-dropzone-box{border:1.5px dashed var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-l) var(--spacing-xl);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-xs);background-color:var(--color-background);flex-direction:column;transition:all .2s;display:flex}.lesson-dropzone-box:hover{border-color:var(--color-primaryPink);background-color:var(--color-white)}.lesson-dropzone-box.has-error{border-color:var(--color-errorRed)!important;background-color:var(--color-errorRedLight)!important}.dropzone-icon-circle{border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);width:44px;height:44px;color:var(--color-primaryPink);margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;display:flex}.dropzone-icon-circle .material-symbols-outlined{font-size:var(--font-size-xl)}.add-media-action-btn{cursor:pointer;transition:all .15s;background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;border-radius:var(--radius-pill)!important;padding:6px var(--spacing-l)!important;font-size:var(--font-size-m)!important;font-weight:var(--font-weight-semibold)!important;border:none!important;width:auto!important;height:auto!important}.add-media-action-btn:hover{background-color:var(--color-primaryPinkLight)!important}.dropzone-sub-hint{font-size:var(--font-size-s);color:var(--color-gray);margin:0}.dropzone-formats-text{font-size:var(--font-size-xs);color:var(--color-slateGray);margin:0}.attached-file-badge{align-items:center;gap:var(--spacing-xs);background-color:var(--color-successGreenLight);color:var(--color-successGreen);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs);display:inline-flex}.attached-file-badge .material-symbols-outlined{font-size:var(--font-size-m)}.attached-file-remove-btn{cursor:pointer;color:inherit!important;background:0 0!important;border:none!important;align-items:center!important;width:auto!important;min-width:auto!important;height:auto!important;padding:0 2px!important;display:flex!important}.attached-file-remove-btn .material-symbols-outlined{font-size:var(--font-size-m)}.preview-header-titles{flex-direction:column;display:flex}.preview-header-subtitle{font-size:var(--font-size-s);color:var(--color-gray)}.preview-nav-icon-next{font-size:var(--font-size-xl);margin-left:var(--spacing-xs)}.preview-nav-icon-prev{font-size:var(--font-size-xl);margin-right:var(--spacing-xs)}.thumbnail-formats-hint{font-size:var(--font-size-xs);color:var(--color-gray);margin:var(--spacing-xs) 0 0 0;text-align:center}.upload-progress-card{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);width:100%;max-width:440px;padding:var(--spacing-m);gap:var(--spacing-s);box-sizing:border-box;flex-direction:column;animation:.2s ease-out modalFadeIn;display:flex;box-shadow:0 4px 12px #0000000d}.upload-progress-header{justify-content:space-between;align-items:center;display:flex}.upload-progress-file-info{align-items:center;gap:var(--spacing-s);min-width:0;display:flex}.upload-progress-icon{font-size:var(--font-size-xl);color:var(--color-primaryPink);background:var(--color-primaryPinkSoft);width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-small);flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload-progress-text{flex-direction:column;min-width:0;display:flex}.upload-filename{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.upload-filesize{font-size:var(--font-size-xs);color:var(--color-gray)}.upload-percent-text{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-primaryPink)}.upload-progress-track{background-color:var(--color-paleGray);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.upload-progress-bar{background-color:var(--color-primaryPink);border-radius:var(--radius-pill);height:100%;transition:width .15s ease-out}.upload-status-row{justify-content:space-between;align-items:center;display:flex}.upload-status-msg{font-size:var(--font-size-xs);color:var(--color-gray);align-items:center;gap:var(--spacing-xs);display:flex}.upload-spinner{font-size:var(--font-size-m);color:var(--color-primaryPink);animation:1s linear infinite spinProgress}@keyframes spinProgress{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.course-modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-s);padding:var(--spacing-m) var(--spacing-xl);border-top:1px solid var(--color-borderGray);background-color:var(--color-background);flex-shrink:0;display:flex}@media (width<=640px){.session-modal-columns{grid-template-columns:1fr}.course-modal-card{border-radius:var(--radius-medium);max-width:100%}.course-modal-header,.course-modal-body,.course-modal-footer{padding-left:var(--spacing-m);padding-right:var(--spacing-m)}}.cancel-modal__overlay{background-color:#191c1e8c;z-index:20000!important}.preview-modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-s);display:flex}.preview-lesson-counter{font-size:var(--font-size-m);color:var(--color-gray);font-weight:var(--font-weight-medium);margin-right:auto}.modal-save-btn-wrapper{justify-content:center;align-items:center;display:inline-flex}.modal-save-btn-wrapper button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.modal-lessons-section{margin-top:var(--spacing-l);padding-top:var(--spacing-m);border-top:1px solid var(--color-borderGray);gap:var(--spacing-s);flex-direction:column;display:flex}.modal-lessons-header{justify-content:space-between;align-items:center;gap:var(--spacing-s);display:flex}.modal-lessons-title-group{align-items:center;gap:var(--spacing-xs);display:flex}.modal-lessons-icon{font-size:var(--font-size-l);color:var(--color-primaryPink)}.modal-lessons-heading{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-darkGray);margin-bottom:0!important}.modal-lessons-empty{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-l);background-color:var(--color-paleGray);border:1px dashed var(--color-borderGray);border-radius:var(--radius-medium);text-align:center;flex-direction:column;display:flex}.modal-lessons-empty .empty-icon{font-size:var(--font-size-xxl);color:var(--color-gray)}.modal-lessons-empty .empty-text{font-size:var(--font-size-xs);color:var(--color-gray);font-weight:var(--font-weight-medium);margin:0}.modal-lessons-list{gap:var(--spacing-xs);max-height:200px;padding-right:var(--spacing-xs);flex-direction:column;display:flex;overflow-y:auto}.modal-lesson-item-row{justify-content:space-between;align-items:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-paleGray);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);transition:all .2s;display:flex}.modal-lesson-item-row:hover{background-color:var(--color-white);border-color:var(--color-primaryPinkLight)}.modal-lesson-item-left{align-items:center;gap:var(--spacing-s);flex:1;min-width:0;display:flex}.modal-lesson-type-badge{font-size:var(--font-size-l);color:var(--color-primaryPink);flex-shrink:0}.modal-lesson-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.modal-lesson-item-title{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.modal-lesson-item-meta{font-size:var(--font-size-xs);color:var(--color-gray)}.modal-lesson-item-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.modal-lesson-action-btn{color:var(--color-gray)!important;padding:var(--spacing-xs)!important;border-radius:var(--radius-small)!important}.modal-lesson-action-btn:hover{color:var(--color-primaryPink)!important;background-color:var(--color-primaryPinkSoft)!important}.modal-lesson-action-btn.delete:hover{color:var(--color-errorRed)!important;background-color:var(--color-errorRedLight)!important}.course-url-slug-row{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-m);color:var(--color-gray);flex-wrap:wrap;margin-top:6px;margin-bottom:4px;line-height:1.5;display:flex}.course-modal-card.course-completion-modal-card{text-align:center;max-width:480px;padding:var(--spacing-xxl) var(--spacing-xl);align-items:center;gap:var(--spacing-l);border-radius:var(--radius-large);position:relative;box-shadow:0 20px 48px #00000038}.course-completion-close-btn{top:var(--spacing-l);right:var(--spacing-l);cursor:pointer;color:var(--color-darkGray);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.course-completion-trophy-badge{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-errorRedLight) 100%);width:72px;height:72px;color:var(--color-primaryPink);justify-content:center;align-items:center;animation:1s infinite bounce;display:flex;box-shadow:0 8px 24px #79546540}.course-completion-trophy-badge .material-symbols-outlined{font-size:40px}.course-completion-emojis{margin-bottom:6px;font-size:28px;display:block}.course-completion-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.25}.course-completion-desc{font-size:var(--font-size-m);color:var(--color-gray);margin:var(--spacing-s) 0 0 0;line-height:1.45}.course-completion-next-card{width:100%;padding:var(--spacing-m) var(--spacing-l);background:var(--color-paleGray);border-radius:var(--radius-medium);border:1px dashed var(--color-primaryPinkLight);text-align:left;box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;display:flex}.course-completion-next-left{align-items:center;gap:var(--spacing-s);min-width:0;display:flex}.course-completion-next-icon{color:var(--color-primaryPink);font-size:var(--font-size-px20);flex-shrink:0}.course-completion-next-text-group{min-width:0}.course-completion-next-tag{font-size:var(--font-size-px11);color:var(--color-gray);display:block}.course-completion-next-title{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.course-completion-next-arrow{color:var(--color-gray);font-size:var(--font-size-xl);flex-shrink:0}.course-completion-actions{width:100%;margin-top:var(--spacing-s);justify-content:center;align-items:center;display:flex}.course-completion-btn{min-width:180px;height:40px;padding:0 var(--spacing-xl);border-radius:var(--radius-pill);font-weight:var(--font-weight-bold);font-size:var(--font-size-l);justify-content:center;align-items:center;gap:var(--spacing-s);cursor:pointer;flex:none;transition:all .2s;display:inline-flex}.course-completion-btn.rate-btn{border:1px solid var(--color-primaryPink);background-color:var(--color-white);color:var(--color-primaryPink)}.course-completion-btn.rate-btn:hover{background-color:var(--color-primaryPinkSoft);transform:translateY(-1px)}.course-completion-btn.continue-btn{border:1px solid var(--color-primaryPink);background-color:var(--color-primaryPink);color:var(--color-white)}.course-completion-btn .material-symbols-outlined{font-size:var(--font-size-px18)}.course-completion-admin-notice{align-items:flex-start;gap:var(--spacing-m);width:100%;padding:var(--spacing-m) var(--spacing-l);background-color:var(--color-lightCyan);border:1.5px solid var(--color-secondaryTealLight);border-radius:var(--radius-large);text-align:left;box-sizing:border-box;display:flex}.course-completion-admin-notice .admin-notice-icon{font-size:var(--font-size-xxl);color:var(--color-deepTeal);flex-shrink:0;margin-top:2px}.course-completion-admin-notice .admin-notice-content{gap:var(--spacing-xs);flex-direction:column;min-width:0;display:flex}.course-completion-admin-notice .admin-notice-header{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-deepTeal);line-height:1.3}.course-completion-admin-notice .admin-notice-text{font-size:var(--font-size-l);color:var(--color-black);line-height:1.55;font-weight:var(--font-weight-medium);margin:0}.course-completion-admin-notice .admin-notice-text strong{font-weight:var(--font-weight-bold);color:var(--color-deepTeal)}.secure-pdf-viewer{border-radius:var(--radius-large);background-color:#161214;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;-webkit-user-select:none!important;user-select:none!important;min-height:0!important}.secure-pdf-toolbar{padding:var(--spacing-xs) var(--spacing-m);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-white);z-index:10;box-sizing:border-box;background:#161214f5;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;align-items:center;width:100%;height:44px;display:flex}.secure-pdf-zoom-controls{align-items:center;gap:8px;display:flex}.pdf-tool-btn{border-radius:var(--radius-pill)!important;width:32px!important;min-width:32px!important;height:32px!important;color:var(--color-white)!important;cursor:pointer!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s!important;display:flex!important}.pdf-tool-btn:hover:not(:disabled){transform:scale(1.05);background:var(--color-primaryPink)!important;border-color:var(--color-primaryPink)!important;color:var(--color-white)!important}.pdf-tool-btn:disabled{opacity:.3!important;cursor:not-allowed!important}.pdf-tool-btn .material-symbols-outlined{font-size:18px!important}.pdf-tool-zoom-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);text-align:center;min-width:52px;padding:0 4px}.secure-pdf-viewport{overscroll-behavior:contain;width:100%;height:100%;min-height:0;padding:var(--spacing-m) var(--spacing-s) var(--spacing-l);scroll-behavior:smooth;box-sizing:border-box;background:#1e191c;outline:none;flex-direction:column;flex:1;align-items:center;display:flex;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overflow:auto!important}.secure-pdf-viewport::-webkit-scrollbar{width:8px;height:8px}.secure-pdf-viewport::-webkit-scrollbar-track{background:#0003}.secure-pdf-viewport::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#fff3}.secure-pdf-viewport::-webkit-scrollbar-thumb:hover{background:var(--color-primaryPink)}.secure-pdf-pages-stack{align-items:center;gap:var(--spacing-m);touch-action:pan-x pan-y;flex-direction:column;max-width:100%;margin:0 auto;display:flex}.secure-pdf-page-container{align-items:center;gap:var(--spacing-xs);touch-action:pan-x pan-y;flex-direction:column;max-width:100%;display:flex;position:relative}.secure-pdf-canvas{background-color:#fff;border-radius:4px;display:block;box-shadow:0 8px 30px #00000073;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.secure-pdf-loading{color:#ffffffb3;min-height:300px;font-size:var(--font-size-s);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.secure-pdf-spinner{border:3px solid #ffffff26;border-top-color:var(--color-primaryPink);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite securePdfSpin}@keyframes securePdfSpin{to{transform:rotate(360deg)}}.secure-pdf-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:300px;padding:24px;display:flex}.secure-pdf-error .error-icon{color:var(--color-primaryPink);font-size:36px}.secure-pdf-error p{color:var(--color-white);font-size:var(--font-size-m);margin:0}.pdf-retry-btn{background-color:var(--color-primaryPink)!important;color:var(--color-white)!important;border-radius:var(--radius-pill)!important;font-size:var(--font-size-px13)!important;font-weight:var(--font-weight-semibold)!important;cursor:pointer!important;border:none!important;padding:8px 24px!important;transition:all .2s!important;box-shadow:0 2px 8px #7954654d!important}.pdf-retry-btn:hover{transform:translateY(-1px);filter:brightness(.92)!important}.user-course-enrollment-container{gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-m);box-sizing:border-box;flex-direction:column;width:100%;min-height:calc(100vh - 80px);display:flex;max-width:100%!important;margin:0!important}@media (width>=1024px){.user-course-enrollment-container{align-items:flex-start;gap:var(--spacing-l);padding:var(--spacing-s) var(--spacing-l);flex-direction:row}}.user-course-enrollment-main{gap:var(--spacing-m);flex-direction:column;flex:1;min-width:0;display:flex}.user-course-enrollment-header{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-direction:column;display:flex}.user-course-enrollment-header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-m);flex-wrap:wrap;display:flex}.user-course-enrollment-title-section{align-items:flex-start;gap:var(--spacing-m);display:flex}.user-course-enrollment-title-text-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.user-course-enrollment-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.25}.user-course-enrollment-subtitle{font-size:var(--font-size-s);color:var(--color-textMuted);margin:0;line-height:1.45}.enrollment-category-pill{align-items:center;gap:var(--spacing-xs);padding:3px var(--spacing-s);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px;border:1px solid var(--color-primaryPinkLight);display:inline-flex}.enrollment-category-wrapper{margin-top:4px}.enrollment-category-pill .material-symbols-outlined{font-size:var(--font-size-l)}.course-preview-hero-card{aspect-ratio:16/9;border-radius:var(--radius-large);background-color:var(--color-paleGray);border:1px solid var(--color-borderGray);justify-content:center;align-items:center;width:100%;max-height:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.course-preview-hero-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.course-preview-hero-card:hover .course-preview-hero-img{transform:scale(1.015)}.course-enrollment-content-card{background-color:var(--color-white);border-radius:var(--radius-large);padding:var(--spacing-l);border:1px solid var(--color-borderGray);gap:var(--spacing-m);flex-direction:column;display:flex;box-shadow:0 2px 8px #0000000a}.course-enrollment-section-title{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.course-enrollment-description-text{font-size:var(--font-size-s);color:var(--color-textDark);margin:var(--spacing-s) 0 0 0;white-space:normal;word-break:break-word;line-height:1.6}.course-enrollment-features-grid{align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.course-enrollment-feature-item{align-items:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-cardBackground);border-radius:var(--radius-medium);border:1px solid var(--color-paleGray);min-width:170px;display:flex}.feature-icon-badge{border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);width:36px;height:36px;color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-icon-badge .material-symbols-outlined{font-size:var(--font-size-l)}.feature-text-group{flex-direction:column;gap:2px;display:flex}.feature-label{font-size:var(--font-size-xs);color:var(--color-textMuted);line-height:1}.feature-value{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-black);line-height:1.2}.course-enrollment-action-box{padding-top:var(--spacing-m);border-top:1px solid var(--color-paleGray);justify-content:flex-end;align-items:center;display:flex}.course-enroll-now-btn{justify-content:center!important;align-items:center!important;gap:var(--spacing-xs)!important;min-width:180px!important;height:42px!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-bold)!important;border-radius:var(--radius-pill)!important;cursor:pointer!important;transition:transform .2s,box-shadow .2s,background-color .2s!important;display:inline-flex!important}.course-enroll-now-btn.is-soft-pink{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;border:1px solid var(--color-primaryPinkLight)!important;box-shadow:0 2px 8px #ff6b9526!important}.course-enroll-now-btn.is-soft-pink:hover:not(:disabled){border-color:var(--color-primaryPink)!important;background-color:#ffd4e5!important;transform:translateY(-2px)!important;box-shadow:0 4px 14px #ff6b9540!important}.course-enroll-now-btn.is-enrolled{background-color:var(--color-primaryPink)!important;color:var(--color-white)!important;border:none!important;box-shadow:0 3px 12px #ff6b954d!important}.course-enroll-now-btn.is-enrolled:hover{transform:translateY(-2px)!important;box-shadow:0 5px 16px #ff6b9566!important}.course-enroll-now-btn:disabled{opacity:.65!important;cursor:not-allowed!important}.course-enroll-now-btn .material-symbols-outlined{font-size:var(--font-size-l)!important}.course-enrollment-loading{padding:var(--spacing-xxl);color:var(--color-textMuted);font-size:var(--font-size-s);justify-content:center;align-items:center;display:flex}@media (width<=640px){.user-course-enrollment-container{padding:var(--spacing-s) var(--spacing-m)}.user-course-enrollment-title{font-size:var(--font-size-xxl)!important}.user-course-enrollment-subtitle{font-size:var(--font-size-l)!important}.course-preview-hero-img{height:180px}.course-enrollment-features-grid{grid-template-columns:1fr!important}}.my-appointments{width:100%;min-width:0}.my-appointments__inspiration{width:100%;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-large);background:linear-gradient(135deg, var(--color-primaryPinkSoft), var(--color-primaryPinkLight), var(--color-successGreenLight))}.my-appointments__inspiration-content{align-items:center;gap:var(--spacing-m);width:100%;min-width:0;display:flex}.my-appointments__quote-symbol{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.my-appointments__quote-symbol .material-symbols-outlined{font-size:var(--font-size-xl)}.my-appointments__inspiration-text{flex:1;min-width:0}.my-appointments__inspiration-label{margin-bottom:var(--spacing-xs);color:var(--color-primaryPink);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;display:block}.my-appointments__quote{color:var(--color-black);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);margin:0}.my-appointments__header{width:100%;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-m);border-bottom:1px solid var(--color-borderGray)}.my-appointments__header-content{width:100%}.my-appointments__title{color:var(--color-black);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-headline);margin:0}.my-appointments__description{margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--line-height-caption)}.appointment-tabs{align-items:center;gap:var(--spacing-xl);width:100%;margin-bottom:var(--spacing-l);border-bottom:1px solid var(--color-borderGray);display:flex}.appointment-tabs__button{padding:0 0 var(--spacing-m);color:var(--color-gray);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);white-space:nowrap;background-color:#0000;border:0;border-bottom:2px solid #0000;flex-shrink:0;transition:color .2s,border-color .2s}.appointment-tabs__button--active{border-bottom-color:var(--color-primaryPink);color:var(--color-primaryPink)}.appointment-list{gap:var(--spacing-m);flex-direction:column;width:100%;display:flex}.appointment-card{align-items:center;gap:var(--spacing-m);width:calc(100% - var(--spacing-xxl));padding:var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);box-shadow:var(--shadow-soft);margin-left:auto;margin-right:auto;display:flex}.appointment-card__profile{flex-shrink:0}.appointment-card__avatar{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);border:2px solid var(--color-white);border-radius:var(--radius-pill);object-fit:cover;background-color:var(--color-primaryPinkSoft);box-shadow:var(--shadow-soft);display:block}.appointment-card__main{flex:1;min-width:0}.appointment-card__title{color:var(--color-black);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);margin:0}.appointment-card__details{align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-s);flex-wrap:wrap;display:flex}.appointment-card__detail{align-items:center;gap:var(--spacing-xs);color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);display:flex}.appointment-card__detail .material-symbols-outlined{color:var(--color-secondaryTeal);font-size:var(--font-size-l);flex-shrink:0}.appointment-card__side{align-items:flex-end;gap:var(--spacing-m);flex-direction:column;flex-shrink:0;display:flex}.appointment-card__status{min-width:90px;height:var(--spacing-xl);padding:0 var(--spacing-m);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex}.appointment-card__status--pending{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.appointment-card__status--confirmed{background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.appointment-card__status--completed{background-color:var(--color-background);color:var(--color-darkGray)}.appointment-card__status--cancelled{background-color:var(--color-errorRedLight);color:var(--color-errorRed)}.appointment-card__actions{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}.my-appointments__empty-state{justify-content:center;align-items:center;gap:var(--spacing-s);width:100%;padding:var(--spacing-xl);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);color:var(--color-darkGray);flex-direction:column;display:flex}.my-appointments__empty-state .material-symbols-outlined{color:var(--color-primaryPink);font-size:var(--font-size-xxl)}.my-appointments__empty-state p{font-size:var(--font-size-s);font-weight:var(--font-weight-medium);margin:0}@media (width<=1024px){.my-appointments__inspiration{padding:var(--spacing-l)}.appointment-card__details{gap:var(--spacing-m)}}@media (width<=768px){.appointment-tabs{gap:var(--spacing-l);overflow-x:auto}.appointment-card{align-items:flex-start}.appointment-card__side{align-items:flex-end}}@media (width<=480px){.my-appointments__inspiration{padding:var(--spacing-l)}.my-appointments__inspiration-content{align-items:flex-start}.my-appointments__quote-symbol{width:var(--spacing-xxl);height:var(--spacing-xxl)}.my-appointments__quote{font-size:var(--font-size-s)}.appointment-tabs{gap:var(--spacing-m)}.appointment-tabs__button{text-align:center;flex:1}.appointment-card{flex-direction:column;align-items:stretch}.appointment-card__profile{align-self:flex-start}.appointment-card__details{align-items:flex-start;gap:var(--spacing-s);flex-direction:column}.appointment-card__side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.appointment-card__actions{flex:1;justify-content:flex-end}}.my-appointments__inspiration{justify-content:space-between;align-items:center;gap:var(--spacing-l);display:flex}.my-appointments__book-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;box-shadow:var(--shadow-soft);border:0;flex-shrink:0;display:inline-flex}.my-appointments__book-button .material-symbols-outlined{font-size:var(--font-size-l);line-height:1}@media (width<=480px){.my-appointments__inspiration{flex-direction:column;align-items:stretch}.my-appointments__book-button{width:100%}}.sessions-page{width:100%}.sessions-main-layout{gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.sessions-left{flex-direction:column;min-width:0;display:flex}.sessions-header{margin-bottom:var(--spacing-s)}.sessions-header h1{font-size:var(--font-size-xl);color:var(--color-black);margin:0}.sessions-header p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-m);font-weight:var(--font-weight-medium);color:var(--color-gray)}.session-filters{align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-m);flex-wrap:wrap;display:flex}.session-filter-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-gray);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:transform .2s,background-color .2s;display:flex}.session-filter-button:hover{background-color:var(--color-primaryPinkSoft);transform:translateY(-1px)}.session-filter-active{background-color:var(--color-primaryPinkLight);color:var(--color-primaryPink)}.session-filter-button .material-symbols-outlined{font-size:var(--font-size-s)}.sessions-header-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--spacing-l);margin-bottom:var(--spacing-s);display:flex}.sessions-toolbar{margin-bottom:var(--spacing-l);justify-content:flex-end;display:flex}.session-view-toggle{padding:var(--spacing-xs);border-radius:var(--radius-pill);background-color:var(--color-white);box-shadow:var(--shadow-soft);display:inline-flex}.session-view-toggle button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);color:var(--color-gray);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;display:flex}.session-view-toggle button:hover{color:var(--color-primaryPink)}.session-view-active{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.sessions-list{gap:var(--spacing-l);flex-direction:column;display:flex}.sessions-list.sessions-grid{gap:var(--spacing-l);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.session-card{height:100%;transition:transform .2s,box-shadow .2s}.session-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.session-card-content{gap:var(--spacing-m);height:100%;display:flex}.session-image-wrapper{border-radius:var(--radius-medium);background-color:var(--color-primaryPinkSoft);flex-shrink:0;width:125px;height:105px;overflow:hidden}.session-image{object-fit:cover;width:100%;height:100%;display:block}.session-image-placeholder{width:100%;height:100%;color:var(--color-primaryPink);justify-content:center;align-items:center;display:flex}.session-image-placeholder .material-symbols-outlined{font-size:var(--font-size-xxl)}.session-details{flex-direction:column;flex:1;min-width:0;display:flex}.session-heading{justify-content:space-between;gap:var(--spacing-s);display:flex}.session-category{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);display:block}.session-heading h3{font-size:var(--font-size-l);color:var(--color-black);-webkit-line-clamp:2;text-overflow:ellipsis;height:var(--line-clamp-height2);-webkit-box-orient:vertical;margin:0;line-height:1.2;display:-webkit-box;overflow:hidden}.session-menu{width:24px;height:24px;color:var(--color-gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.session-menu .material-symbols-outlined{font-size:var(--font-size-xl)}.session-description{margin:var(--spacing-xs) 0 var(--spacing-l);font-size:var(--font-size-xs);color:var(--color-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;line-height:16px;display:-webkit-box;overflow:hidden}.session-progress-info{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-darkGray);justify-content:space-between;display:flex}.session-progress-bar{border-radius:var(--radius-pill);background-color:var(--color-secondaryTealLight);width:100%;height:5px;overflow:hidden}.session-progress-fill{border-radius:inherit;background-color:var(--color-primaryPink);height:100%}.session-completed{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-successGreen);display:flex}.session-actions{align-items:center;gap:var(--spacing-s);padding-top:var(--spacing-m);width:100%;margin-top:auto;display:flex;transform:translate(8px);justify-content:flex-end!important}.session-actions button{gap:var(--spacing-xs)}.session-actions .material-symbols-outlined{font-size:var(--font-size-s)}.session-progress-wrapper{top:var(--spacing-s);align-self:start;position:sticky}.session-progress-card{width:100%}.session-progress-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-s);display:flex}.session-progress-header h2{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.session-progress-header p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-gray)}.session-progress-header strong{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-primaryPink)}.session-overall-progress{align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-l);display:flex}.session-progress-circle{border:4px solid var(--color-primaryPinkSoft);width:42px;height:42px;font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-overall-progress div:last-child{gap:var(--spacing-xs);font-size:var(--font-size-xs);flex-direction:column;display:flex}.session-modules{margin-top:var(--spacing-xl);flex-direction:column;display:flex}.session-module{border-bottom:1px solid var(--color-borderGray)}.session-module:last-child{border-bottom:none}.session-module-header{justify-content:space-between;align-items:center;gap:var(--spacing-s);padding:var(--spacing-m) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-darkGray);display:flex}.session-module-progress{font-size:var(--font-size-xs);color:var(--color-gray);justify-content:flex-end;margin-top:-16px;display:flex}.session-module-sessions{gap:var(--spacing-s);padding:0 0 var(--spacing-m);flex-direction:column;display:flex}.session-progress-item{align-items:flex-start;gap:var(--spacing-s);font-size:var(--font-size-xs);color:var(--color-gray);line-height:15px;display:flex}.session-check,.session-number{border-radius:var(--radius-pill);box-sizing:border-box;width:18px;height:18px;font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-check{background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.session-number{border:1px solid var(--color-borderGray);color:var(--color-gray)}.session-progress-item.current{color:var(--color-primaryPink);font-weight:var(--font-weight-semibold)}.view-full-syllabus:hover{color:var(--color-primaryPink)}.need-guidance{margin-top:var(--spacing-m);border-radius:var(--radius-medium);background:linear-gradient(100deg, var(--color-primaryPinkSoft), var(--color-white))}.need-guidance h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-primaryPink)}.need-guidance p{margin:0 0 var(--spacing-m);font-size:var(--font-size-s);color:var(--color-darkGray);line-height:15px}.need-guidance button{margin:0 auto;display:block}.view-full-syllabus{width:100%;margin-top:var(--spacing-m);padding:var(--spacing-s) 0;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primaryPink);cursor:pointer;background:0 0;border:none}.no-sessions{width:100%;min-height:180px;padding:var(--spacing-xl);box-sizing:border-box;background-color:var(--color-white);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-sessions h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black)}.no-sessions p{font-size:var(--font-size-s);color:var(--color-gray);margin:0}@media (width<=1000px){.sessions-main-layout{grid-template-columns:1fr}.session-progress-wrapper{position:static}}@media (width<=650px){.sessions-grid{grid-template-columns:1fr}.session-card-content{flex-direction:column}.session-image-wrapper{width:100%;height:160px}.session-actions{justify-content:space-between}}.no-sessions-message{margin:var(--spacing-m) 0;padding:var(--spacing-m);border:1px solid var(--color-errorRed);border-radius:var(--radius-medium);background-color:var(--color-errorRedLight);color:var(--color-errorRed);font-size:var(--font-size-s);line-height:18px;font-weight:var(--font-weight-medium)}.sessions-header-title{align-items:flex-start;gap:var(--spacing-s);display:flex}.sessions-header-title .back-button{flex-shrink:0;margin-top:2px}@media (width<=650px){.sessions-header-title{gap:var(--spacing-xs)}.sessions-header-title .back-button{width:32px;height:32px}}.lessons-page{min-height:100vh;padding:var(--spacing-xl);background:var(--color-background);font-family:var(--font-primary);color:var(--color-black)}.lessons-main-layout{gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) 300px;align-items:start;max-width:1200px;margin:0 auto;display:grid}.lessons-left{min-width:0}.lessons-header{margin-bottom:var(--spacing-xl)}.lesson-category{margin:0 0 var(--spacing-xs);color:var(--color-gray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.lessons-header h1{color:var(--color-black);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.25}.lessons-header-description{margin:var(--spacing-s) 0 0;color:var(--color-gray);font-size:var(--font-size-m);font-weight:var(--font-weight-regular)}.lesson-viewer-card,.lesson-reference-card,.lesson-progress-card{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft)}.lesson-viewer-card{width:100%;max-width:786px;margin-bottom:var(--spacing-xl);overflow:hidden}.lesson-video-viewer{background:var(--color-black);border-radius:var(--radius-medium);width:100%;overflow:hidden}.lesson-video{background:var(--color-black);object-fit:contain;width:100%;max-height:440px;display:block}.lesson-audio-viewer{align-items:center;gap:var(--spacing-l);padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-pill);display:flex}.audio-viewer-icon{width:64px;height:64px;color:var(--color-primaryPink);background:var(--color-primaryPinkSoft);border-radius:var(--radius-medium);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-viewer-content{flex:1;min-width:0}.audio-viewer-content h3{margin:0 0 var(--spacing-xs);color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.audio-viewer-content p{margin:0 0 var(--spacing-m);color:var(--color-gray);font-size:var(--font-size-m)}.lesson-audio{width:100%;accent-color:var(--color-primaryPinkLight)}.lesson-document-viewer{background:var(--color-white);border-radius:var(--radius-medium);flex-direction:column;width:100%;min-height:520px;display:flex;position:relative;overflow:hidden}.document-viewer-header{padding:var(--spacing-s) var(--spacing-l);background-color:var(--color-white);border-bottom:1px solid var(--color-borderGray);align-items:center;gap:var(--spacing-m);display:flex}.document-viewer-header h3{font-size:var(--font-size-l);color:var(--color-darkGray);margin:0}.document-viewer-loading{background-color:var(--color-background);border-radius:var(--radius-medium);margin:var(--spacing-m);flex:1;animation:2s ease-in-out infinite pulse}.document-viewer-error{text-align:center;padding:var(--spacing-l);justify-content:center;align-items:center;gap:var(--spacing-m);flex-direction:column;flex:1;display:flex}.document-viewer-error p{color:var(--color-darkGray);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);margin:0}.pdf-reload-btn,.document-viewer-error button{background-color:var(--color-primaryPink)!important;color:var(--color-white)!important;border-radius:var(--radius-pill)!important;font-size:var(--font-size-px13)!important;font-weight:var(--font-weight-semibold)!important;cursor:pointer!important;border:none!important;justify-content:center!important;align-items:center!important;padding:8px 24px!important;transition:all .2s ease-in-out!important;display:inline-flex!important;box-shadow:0 2px 8px #79546540!important}.pdf-reload-btn:hover,.document-viewer-error button:hover{transform:translateY(-1px);filter:brightness(.92)!important;box-shadow:0 4px 12px #79546559!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lesson-document-body{background:var(--color-background);flex-direction:column;flex:1;width:100%;height:650px;min-height:560px;display:flex;position:relative;overflow:hidden}.lesson-document{background:var(--color-background);border:none;width:100%;height:520px;display:block;-webkit-user-select:none!important;user-select:none!important}.document-viewer-footer{justify-content:space-between;align-items:center;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-l);border-top:1px solid var(--color-borderGray);color:var(--color-gray);font-size:var(--font-size-m);display:flex}.document-viewer-footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-viewer-footer a{color:var(--color-primaryPink);font-weight:var(--font-weight-semibold);flex-shrink:0;text-decoration:none}.document-viewer-footer a:hover{color:var(--color-secondaryTeal);text-decoration:underline}.lesson-navigation{justify-content:space-between;align-items:center;gap:var(--spacing-m);width:100%;max-width:786px;margin-bottom:var(--spacing-xl);display:flex}.lesson-navigation button{justify-content:center;align-items:center;gap:var(--spacing-s);min-height:40px;padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.lesson-navigation button:hover{box-shadow:var(--shadow-soft)}.lesson-navigation button:first-child{color:var(--color-darkGray);background:var(--color-white);border:1px solid var(--color-borderGray)}.lesson-navigation button:first-child:hover{color:var(--color-primaryPink);border-color:var(--color-primaryPinkLight);background:var(--color-primaryPinkSoft)}.lesson-navigation button:last-child{color:var(--color-primaryPink);background:var(--color-primaryPinkSoft);border:1px solid var(--color-primaryPinkLight)}.lesson-navigation button:last-child:hover{color:var(--color-white);background:var(--color-primaryPink)}.lesson-sidebar{min-width:0;top:var(--spacing-xl);position:sticky}.lesson-progress-card{width:100%;padding:var(--spacing-l)}.lesson-progress-heading h2{margin:0 0 var(--spacing-l);color:var(--color-black);font-size:var(--font-size-l);font-weight:var(--font-weight-bold)}.lesson-course-progress{align-items:center;gap:var(--spacing-m);padding:var(--spacing-m);margin-bottom:var(--spacing-l);background:linear-gradient(100deg, var(--color-primaryPinkSoft), var(--color-white));border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);display:flex}.lesson-progress-circle{width:64px;height:64px;color:var(--color-secondaryTeal);background:var(--color-white);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lesson-progress-circle:before{content:"";background:conic-gradient(from 270deg, var(--color-primaryPink) calc(var(--progress) * 1%), var(--color-primaryPinkLight) 0);z-index:0;border-radius:50%;position:absolute;inset:0}.lesson-progress-circle:after{content:"";background:var(--color-white);z-index:1;border-radius:50%;position:absolute;inset:4px}.lesson-progress-circle span{z-index:2;position:relative}.lesson-progress-circle[data-progress="0"]{--progress:0}.lesson-progress-circle[data-progress="25"]{--progress:25}.lesson-progress-circle[data-progress="50"]{--progress:50}.lesson-progress-circle[data-progress="75"]{--progress:75}.lesson-progress-circle[data-progress="100"]{--progress:100}.lesson-course-progress h3{margin:0 0 var(--spacing-xs);color:var(--color-black);font-size:var(--font-size-m);font-weight:var(--font-weight-bold)}.lesson-course-progress p{color:var(--color-gray);font-size:var(--font-size-s);margin:0}.lesson-syllabus{gap:var(--spacing-s);margin-bottom:var(--spacing-l);flex-direction:column;display:flex}.syllabus-heading,.syllabus-item{align-items:center;gap:var(--spacing-s);min-width:0;padding:var(--spacing-s);color:var(--color-gray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);border-radius:var(--radius-medium);display:flex}.syllabus-heading{color:var(--color-gray);opacity:.7;text-decoration:line-through}.syllabus-item{color:var(--color-darkGray);background:var(--color-background)}.syllabus-item.active{color:var(--color-secondaryTeal);background:var(--color-secondaryTealLight);font-weight:var(--font-weight-semibold)}.syllabus-item span:nth-child(2){flex:1;min-width:0}.syllabus-item small{color:var(--color-secondaryTeal);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.syllabus-lock{color:var(--color-gray);font-size:var(--font-size-m);flex-shrink:0}.full-syllabus-button-wrapper{width:100%}.full-syllabus-button-wrapper button{border-radius:var(--radius-pill);width:100%;min-height:40px;font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold)}@media (width<=1024px){.lessons-main-layout{gap:var(--spacing-l);grid-template-columns:minmax(0,1fr) 280px}.lesson-reference-content{gap:var(--spacing-l);grid-template-columns:1fr}}@media (width<=768px){.lessons-page{padding:var(--spacing-l)}.lessons-main-layout{gap:var(--spacing-l);grid-template-columns:1fr}.lesson-sidebar{position:static}.lesson-progress-card{max-width:none}.lessons-header h1{font-size:var(--font-size-xl)}.lesson-viewer-card,.lesson-reference-card,.lesson-navigation{max-width:none}.lesson-reference-content{padding:var(--spacing-l)}.lesson-navigation{flex-wrap:wrap}}@media (width<=480px){.lessons-page{padding:var(--spacing-m)}.lesson-audio-viewer{text-align:center;flex-direction:column;align-items:stretch}.audio-viewer-icon{margin:0 auto}.document-viewer-footer{flex-direction:column;align-items:flex-start}.lesson-navigation{flex-direction:column;align-items:stretch}.lesson-navigation button{width:100%}}.lesson-completion-button{justify-content:center;width:100%;max-width:653px;margin:16px 0 24px;display:flex}@media (width<=600px){.lesson-completion-button{justify-content:stretch}.lesson-completion-button button{width:100%}}.lessons-header-title{align-items:flex-start;gap:var(--spacing-s);display:flex}.lessons-header-title .back-button{flex-shrink:0;margin-top:2px}@media (width<=650px){.lessons-header-title{gap:var(--spacing-xs)}.lessons-header-title .back-button{width:32px;height:32px}}.no-lessons{width:100%;min-height:180px;padding:var(--spacing-xl);box-sizing:border-box;background-color:var(--color-white);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-lessons h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black)}.no-lessons p{font-size:var(--font-size-s);color:var(--color-gray);margin:0}.book-appointment{width:100%;min-width:0;padding:var(--spacing-xl);box-sizing:border-box;background-color:var(--color-background);font-family:var(--font-primary)}.book-appointment-header{margin-bottom:var(--spacing-xl)}.book-appointment-title{color:var(--color-black);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);margin:0}.book-appointment-description{margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-size:var(--font-size-l);font-weight:var(--font-weight-regular)}.book-appointment-content{gap:var(--spacing-xl);grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);align-items:flex-start;width:100%;display:grid}.appointment-calendar{width:100%;min-width:0;padding:var(--spacing-xl);box-sizing:border-box;border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:hidden}.appointment-calendar-header{justify-content:space-between;align-items:center;gap:var(--spacing-l);margin-bottom:var(--spacing-l);display:flex}.appointment-calendar-label{margin:0 0 var(--spacing-xs);color:var(--color-secondaryTeal);font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.appointment-calendar-month{color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.chevron-btn{width:var(--spacing-xxl);height:var(--spacing-xxl);color:inherit;cursor:pointer;background-color:#0000;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chevron-btn:hover:not(:disabled){background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.chevron-btn:disabled{opacity:.3;pointer-events:none}.chevron-btn .material-symbols-outlined{font-size:var(--font-size-l)}.appointment-calendar-navigation{align-items:center;gap:var(--spacing-xs);display:flex}.appointment-calendar-dates-wrapper{width:100%;margin-bottom:var(--spacing-xl);align-items:center;display:flex;position:relative}.appointment-calendar-dates{align-items:stretch;gap:var(--spacing-s);width:100%;padding:var(--spacing-xs) 0;scrollbar-width:none;display:flex;overflow-x:auto}.appointment-calendar-dates::-webkit-scrollbar{display:none}.appointment-calendar-date-card{min-width:0;padding:var(--spacing-m);box-sizing:border-box;border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-soft);cursor:pointer;flex-direction:column;flex:0 0 76px;justify-content:center;align-items:center;display:flex;position:relative}.appointment-calendar-date-card:hover:not(:disabled){border-color:var(--color-primaryPinkLight);box-shadow:var(--shadow-soft)}.appointment-calendar-date-day{margin-bottom:var(--spacing-xs);color:var(--color-secondaryTeal);font-size:var(--font-size-s);font-weight:var(--font-weight-medium)}.appointment-calendar-date-number{color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.appointment-calendar-date-card-today{border-color:var(--color-primaryPinkLight)}.appointment-calendar-date-card-today .appointment-calendar-date-day{color:var(--color-primaryPink)}.appointment-calendar-date-indicator{top:var(--spacing-s);width:var(--spacing-xs);height:var(--spacing-xs);border-radius:var(--radius-pill);background-color:var(--color-primaryPink);position:absolute}.appointment-calendar-date-card-selected{background-color:var(--color-primaryPinkLight);border-color:var(--color-primaryPinkLight);box-shadow:var(--shadow-soft)}.appointment-calendar-date-card-selected .appointment-calendar-date-day,.appointment-calendar-date-card-selected .appointment-calendar-date-number{color:var(--color-black)}.appointment-calendar-date-card-selected .appointment-calendar-date-indicator{background-color:var(--color-primaryPink)}.appointment-calendar-date-card-booked{background-color:var(--color-background);border-color:var(--color-borderGray);color:var(--color-darkGray);cursor:not-allowed;opacity:.5;box-shadow:none}.appointment-calendar-full{width:100%;padding-top:var(--spacing-l);border-top:1px solid var(--color-borderGray)}.appointment-calendar-weekdays{gap:var(--spacing-xs);margin-bottom:var(--spacing-s);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.appointment-calendar-weekdays span{color:var(--color-secondaryTeal);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.appointment-calendar-grid{gap:var(--spacing-s);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.appointment-calendar-day{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);color:var(--color-black);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;margin:auto;padding:0;display:flex;position:relative}.appointment-calendar-day:hover:not(:disabled){background-color:var(--color-primaryPinkSoft);border-color:var(--color-primaryPinkLight);color:var(--color-primaryPink)}.appointment-calendar-day-indicator{bottom:var(--spacing-xs);width:var(--spacing-xs);height:var(--spacing-xs);border-radius:var(--radius-pill);background-color:var(--color-primaryPink);position:absolute}.appointment-calendar-day-today{border-color:var(--color-primaryPinkLight);color:var(--color-primaryPink);font-weight:var(--font-weight-semibold)}.appointment-calendar-day-selected{background-color:var(--color-primaryPinkLight);border-color:var(--color-primaryPinkLight);color:var(--color-black);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-soft)}.appointment-calendar-day-booked,.appointment-calendar-day:disabled{background-color:var(--color-background);color:var(--color-darkGray);cursor:not-allowed;opacity:.5}.time-slot-selector{width:100%;min-width:0;padding:var(--spacing-l);box-sizing:border-box;border:1px solid var(--color-borderGray);border-top:var(--spacing-xs) solid var(--color-primaryPink);border-radius:var(--radius-large);background-color:var(--color-white);box-shadow:var(--shadow-soft);flex-direction:column;display:flex}.time-slot-selector-header{margin-bottom:var(--spacing-m)}.time-slot-selector-title{color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.time-slot-selector-date{margin:var(--spacing-xs) 0 0;color:var(--color-secondaryTeal);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);text-transform:uppercase}.time-slot-selector-slots-wrapper{align-items:center;width:100%;display:flex;position:relative}.time-slot-selector-slots{align-items:stretch;gap:var(--spacing-s);width:100%;padding:var(--spacing-xs) 0;scrollbar-width:none;display:flex;overflow-x:auto}.time-slot-selector-slots::-webkit-scrollbar{display:none}.time-slot-selector-slot{justify-content:center;align-items:center;gap:var(--spacing-xs);min-width:auto;min-height:var(--spacing-xxl);padding:var(--spacing-s) var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);color:var(--color-black);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-soft);flex:none;display:flex}.time-slot-selector-slot:hover:not(:disabled){border-color:var(--color-primaryPinkLight);color:var(--color-primaryPink)}.time-slot-selector-slot-selected{background-color:var(--color-primaryPinkLight);border-color:var(--color-primaryPinkLight);color:var(--color-black);box-shadow:var(--shadow-soft)}.time-slot-selector-slot:disabled{background-color:var(--color-background);border-color:var(--color-borderGray);color:var(--color-darkGray);cursor:not-allowed;opacity:.5;box-shadow:none}.time-slot-selector-slot .material-symbols-outlined{font-size:var(--font-size-s)}.time-slot-selector-empty{margin:var(--spacing-s) 0;color:var(--color-darkGray);font-size:var(--font-size-s);text-align:center;grid-column:1/-1}.time-slot-selector-footer{width:100%;margin-top:var(--spacing-l);padding-top:var(--spacing-l);border-top:1px solid var(--color-borderGray);flex-direction:column;align-items:center;display:flex}.time-slot-selector-timezone{justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-m);color:var(--color-secondaryTeal);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;display:flex}.time-slot-selector-timezone .material-symbols-outlined{font-size:var(--font-size-s)}.time-slot-selector-confirm{width:auto;min-width:var(--spacing-xxl);min-height:var(--spacing-xl);padding:var(--spacing-s) var(--spacing-xl);border-radius:var(--radius-medium);background:linear-gradient(135deg, var(--color-primaryPinkSoft), var(--color-primaryPinkLight));color:var(--color-primaryPink);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-soft);border:0;justify-content:center;align-items:center;display:flex}.time-slot-selector-confirm:hover:not(:disabled){box-shadow:var(--shadow-soft)}.time-slot-selector-confirm:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}@media (width<=1024px){.book-appointment-content{grid-template-columns:1fr}}@media (width<=768px){.book-appointment{padding:var(--spacing-m)}.book-appointment-title{font-size:var(--font-size-xl)}.book-appointment-description{font-size:var(--font-size-s)}.appointment-calendar,.time-slot-selector{padding:var(--spacing-m)}.appointment-calendar-month{font-size:var(--font-size-l)}.appointment-calendar-day{width:var(--spacing-xl);height:var(--spacing-xl)}}@media (width<=480px){.book-appointment,.appointment-calendar,.time-slot-selector{padding:var(--spacing-s)}.appointment-calendar-header{gap:var(--spacing-s)}.appointment-calendar-day{width:var(--spacing-l);height:var(--spacing-l)}}.appointment-calendar-navigation .chevron-btn{background-color:var(--color-background);color:var(--color-black)}.appointment-calendar-dates-wrapper .chevron-btn,.time-slot-selector-slots-wrapper .chevron-btn{color:var(--color-secondaryTeal)}.admin-profile-page{width:100%;min-width:0}.admin-profile-heading{margin-bottom:var(--spacing-l)}.admin-profile-back{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-s);color:var(--color-deepTeal);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex}.admin-profile-back .back-button{width:28px;height:28px;color:var(--color-deepTeal);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.admin-profile-back .back-button:before{color:var(--color-deepTeal);font-family:Arial,sans-serif;font-size:22px;font-weight:400;line-height:1;display:block}.admin-profile-back .back-button .material-symbols-outlined{display:none}.admin-profile-back .back-button:hover{opacity:.75}.admin-profile-back .back-button .material-symbols-outlined{visibility:visible;opacity:1;color:var(--color-deepTeal);font-size:20px;line-height:1;display:block}.admin-profile-heading h1{color:var(--color-deepTeal);font-size:var(--font-size-xxl);line-height:1.2;font-weight:var(--font-weight-bold);margin:0}.admin-profile-heading p{margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-size:var(--font-size-s);line-height:1.5;font-weight:var(--font-weight-medium)}.admin-profile-layout{gap:var(--spacing-l);grid-template-columns:minmax(0,1fr) minmax(280px,340px);width:100%;min-width:0;display:grid}.admin-profile-main-card{border:1px solid var(--color-borderGray);min-width:0;box-shadow:var(--shadow-soft);overflow:hidden}.admin-profile-intro{background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-primaryPinkLight) 55%, var(--color-background) 100%);min-height:190px;position:relative;overflow:hidden}.admin-profile-decoration{border-radius:var(--radius-pill);pointer-events:none;position:absolute}.admin-profile-decoration-one{background-color:#ffffff73;width:190px;height:190px;top:-110px;left:20%}.admin-profile-decoration-two{background-color:#fff6;width:250px;height:250px;bottom:-160px;right:-110px}.admin-profile-intro-content{z-index:2;align-items:center;gap:var(--spacing-xl);min-height:190px;padding:var(--spacing-l) var(--spacing-xl);box-sizing:border-box;display:flex;position:relative}.admin-profile-photo-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.admin-profile-photo-wrapper .profile-photo-upload{border:4px solid var(--color-white);border-radius:var(--radius-pill);background-color:var(--color-white);box-shadow:var(--shadow-soft);width:120px!important;height:120px!important}.admin-profile-photo-wrapper .profile-photo-preview{border-radius:var(--radius-pill);width:100%;height:100%;overflow:hidden}.admin-profile-photo-wrapper .profile-photo-preview img{object-fit:cover;width:100%;height:100%}.admin-profile-photo-wrapper .profile-photo-preview .material-symbols-outlined{color:var(--color-primaryPink);font-size:52px}.admin-profile-photo-wrapper .profile-photo-button{height:28px;padding:0 var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-primaryPink);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;box-shadow:var(--shadow-soft);cursor:pointer;position:absolute;bottom:-30px;left:50%;transition:none!important;animation:none!important;transform:translate(-50%)!important}.admin-profile-photo-wrapper .profile-photo-button:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);transition:none!important;animation:none!important;transform:translate(-50%)!important}.admin-profile-photo-wrapper .profile-photo-input{display:none}.admin-profile-verified{border:3px solid var(--color-white);border-radius:var(--radius-pill);background-color:var(--color-secondaryTeal);width:32px;height:32px;color:var(--color-white);box-shadow:var(--shadow-soft);justify-content:center;align-items:center;display:flex;position:absolute;bottom:2px;right:-3px}.admin-profile-verified .material-symbols-outlined{font-size:17px}.admin-profile-identity{flex:1;min-width:0}.admin-profile-role{margin-bottom:var(--spacing-xs);color:var(--color-primaryPink);font-size:var(--font-size-xs);line-height:1.2;font-weight:var(--font-weight-bold);letter-spacing:.08em;display:block}.admin-profile-identity h2{color:var(--color-deepTeal);font-size:var(--font-size-xl);line-height:1.2;font-weight:var(--font-weight-bold);margin:0}.admin-profile-identity p{max-width:400px;margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-size:var(--font-size-s);line-height:1.5;font-weight:var(--font-weight-medium)}.admin-profile-details{padding:var(--spacing-xl)}.admin-profile-section-heading{margin-bottom:var(--spacing-l)}.admin-profile-section-heading>span{margin-bottom:var(--spacing-xs);color:var(--color-primaryPink);font-size:var(--font-size-xs);line-height:1.2;font-weight:var(--font-weight-bold);letter-spacing:.08em;display:block}.admin-profile-section-heading h2{color:var(--color-deepTeal);font-size:var(--font-size-l);line-height:1.3;font-weight:var(--font-weight-bold);margin:0}.admin-profile-form{column-gap:var(--spacing-l);row-gap:var(--spacing-s);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.admin-profile-form>div{min-width:0}.admin-profile-form>div>div{margin-top:0!important}.admin-profile-form input{min-width:0}.admin-profile-bio{grid-column:1/-1;position:relative}.admin-profile-bio textarea{min-height:110px;padding-bottom:var(--spacing-xl)}.admin-profile-bio>span{right:var(--spacing-s);bottom:var(--spacing-s);color:var(--color-darkGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);position:absolute}.admin-profile-save{margin-top:var(--spacing-xl);padding-top:var(--spacing-l);border-top:1px solid var(--color-borderGray);justify-content:flex-end;display:flex}.admin-profile-save button{background-color:var(--color-primaryPink)!important;width:auto!important;min-width:130px!important;color:var(--color-white)!important}.admin-profile-settings-card{border:1px solid var(--color-borderGray);min-width:0;height:fit-content;box-shadow:var(--shadow-soft);overflow:hidden}.admin-profile-settings{padding:var(--spacing-l)}.admin-profile-settings .admin-profile-section-heading{margin-bottom:var(--spacing-l)}.admin-profile-settings .admin-profile-section-heading p{margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-size:var(--font-size-xs);line-height:1.5;font-weight:var(--font-weight-medium)}.admin-profile-settings-list{gap:var(--spacing-s);flex-direction:column;display:flex}.admin-profile-settings-list .settings-row{width:100%;min-height:76px;padding:var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background-color:var(--color-white)}.admin-profile-settings-list .settings-row:hover{background-color:var(--color-primaryPinkSoft);border-color:var(--color-primaryPinkLight)}.admin-profile-logout{width:100%;min-height:76px;margin-top:var(--spacing-xs);padding:var(--spacing-m);box-sizing:border-box;border:1px solid var(--color-primaryPinkLight);border-radius:var(--radius-medium);background-color:var(--color-primaryPinkSoft);color:var(--color-deepTeal);text-align:left;cursor:pointer;align-items:center;transition:background-color .2s,border-color .2s;display:flex}.admin-profile-logout:hover{background-color:var(--color-primaryPinkLight);border-color:var(--color-primaryPink)}.admin-profile-logout-icon{width:40px;height:40px;margin-right:var(--spacing-m);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-profile-logout-icon .material-symbols-outlined{font-size:var(--font-size-l)}.admin-profile-logout-content{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.admin-profile-logout-content strong{color:var(--color-deepTeal);font-size:var(--font-size-s);line-height:1.2;font-weight:var(--font-weight-bold)}.admin-profile-logout-content span{color:var(--color-darkGray);font-size:var(--font-size-xs);line-height:1.4;font-weight:var(--font-weight-medium)}.admin-profile-logout>.material-symbols-outlined{color:var(--color-primaryPink);font-size:var(--font-size-l);flex-shrink:0}@media (width<=1100px){.admin-profile-layout{grid-template-columns:1fr}}@media (width<=700px){.admin-profile-heading h1{font-size:var(--font-size-xl)}.admin-profile-intro-content{text-align:center;padding:var(--spacing-l) var(--spacing-m);flex-direction:column}.admin-profile-identity p{margin-left:auto;margin-right:auto}.admin-profile-form{grid-template-columns:1fr}.admin-profile-bio{grid-column:auto}.admin-profile-details{padding:var(--spacing-l)}}.appointments-list-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.appointment-list-card{background-color:var(--color-primaryPinkSoft);border-radius:var(--radius-large);padding:var(--spacing-l);gap:var(--spacing-l);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.appointment-list-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.appointment-list-card-content{align-items:center;gap:var(--spacing-m);color:var(--color-darkGray);font-size:var(--font-size-m);display:flex}.appointment-list-card-content strong{font-size:var(--font-size-l);color:var(--color-black);margin-bottom:2px;display:block}.appointment-list-card-content small{font-size:var(--font-size-s);color:var(--color-primaryPink);font-weight:var(--font-weight-medium);display:block}.avatar-icon{border-radius:var(--radius-medium);background-color:var(--color-secondaryTeal);width:48px;height:48px;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-l);flex-shrink:0;justify-content:center;align-items:center;display:flex}.appointment-list-card-actions{gap:var(--spacing-m);margin-top:auto;display:flex}.appointment-toast-notification-card{gap:8px;margin-top:10px;display:flex}.appointment-page-header{justify-content:space-between;align-items:center;gap:var(--spacing-l);margin-bottom:var(--spacing-xl);display:flex}@media (width<=768px){.appointment-page-header{flex-direction:column;align-items:flex-start}.appointments-list-grid{grid-template-columns:1fr}.appointment-list-card-actions{flex-direction:column}}@media (width<=480px){.filter-tabs{gap:var(--spacing-xs);flex-wrap:wrap}.filter-tab{flex:1 1 calc(50% - var(--spacing-xs));text-align:center}}@media (width<=768px){.appointment-page-header button{width:100%}}@media (width<=1024px){.appointment-overview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.admin-scheduling-grid{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:64px;display:flex}.admin-calendar-column{flex:0 0 450px;max-width:100%}.admin-scheduling-column{flex:500px;max-width:650px}.admin-calendar-wrapper{background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 50%, var(--color-secondaryTealLight) 100%);border-radius:var(--radius-large);padding:var(--spacing-l);box-shadow:var(--shadow-soft);width:100%;max-width:450px}.admin-calendar-wrapper .appointment-calendar{width:100%;box-shadow:none;background:0 0;border:none}.admin-calendar-wrapper .appointment-calendar-header{margin-bottom:var(--spacing-l)}.admin-calendar-wrapper .appointment-calendar-grid{gap:var(--spacing-s)}.admin-calendar-wrapper .appointment-calendar-day{min-height:56px;padding:var(--spacing-s)}.admin-scheduling-card{overflow:hidden;background:linear-gradient(180deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 150px)!important;box-shadow:var(--shadow-soft)!important;border-radius:var(--radius-large)!important;border:1px solid var(--color-borderGray)!important}.admin-scheduling-section h3{border-left:3px solid var(--color-secondaryTealLight);padding-left:var(--spacing-s)}.admin-scheduling-section{gap:var(--spacing-m);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-primaryPinkSoft);flex-direction:column;display:flex}.admin-scheduling-section.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}input[name=scheduleTitle]:not(:placeholder-shown){font-size:var(--font-size-m)!important;font-weight:var(--font-weight-bold)!important}.admin-title-input-wrapper{max-width:300px}.admin-availability-row{align-items:flex-start;gap:var(--spacing-m);min-height:48px;display:flex}.admin-day-label{flex-shrink:0;align-items:center;width:48px;height:48px;display:flex}.admin-slots-wrapper{gap:var(--spacing-m);flex-direction:column;display:flex}.admin-slot-group{gap:var(--spacing-s);align-items:center;min-height:48px;display:flex}.admin-time-inputs-row,.admin-unavailable-col{flex-shrink:0;align-items:center;width:320px;display:flex}.admin-time-inputs-row{gap:var(--spacing-s)}.admin-unavailable-col{color:var(--color-darkGray)}.admin-time-col{flex:none;width:140px}.admin-sep-col{text-align:center;width:12px;color:var(--color-darkGray);flex-shrink:0}.admin-action-col{flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex}.admin-time-input-wrapper>div,.admin-title-input-wrapper>div{margin-top:0!important}.admin-override-container{gap:var(--spacing-m);padding:var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);flex-direction:column;display:flex}.admin-override-date-wrapper{align-self:flex-start;align-items:center;max-width:180px;height:48px;display:flex}.admin-change-date-btn-wrapper{margin-bottom:var(--spacing-m);justify-content:flex-start;display:flex}.admin-save-btn-wrapper{margin-top:var(--spacing-l);justify-content:flex-start;display:flex}.icon-toggle-button-spacer{width:24px;height:24px}.admin-adjust-subtitle{font-size:var(--font-size-s);color:var(--color-darkGray);margin-top:0;margin-bottom:var(--spacing-m)}@media (width<=1024px){.admin-scheduling-grid{gap:var(--spacing-xl)}}@media (width<=600px){.admin-scheduling-grid{gap:var(--spacing-l)}.admin-calendar-column,.admin-scheduling-column{flex-basis:100%;max-width:100%}.admin-calendar-wrapper{max-width:100%}.admin-availability-row{align-items:flex-start;gap:var(--spacing-m);min-height:48px;display:flex}.admin-day-label{width:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-s);padding-top:0}.admin-slot-group{gap:var(--spacing-xs)}.admin-time-inputs-row,.admin-unavailable-col{width:245px}.admin-time-inputs-row{gap:var(--spacing-xs)}.admin-time-col{width:110px}.admin-sep-col{width:8px}.admin-action-col{width:32px}.admin-save-success{font-size:var(--font-size-s);color:var(--color-successGreen)}.admin-save-error{font-size:var(--font-size-s);color:var(--color-errorRed)}}.admin-scheduling-page .back-button{display:flex!important}.admin-scheduling-warning{align-items:center;gap:var(--spacing-s);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);padding:var(--spacing-s) var(--spacing-m);border-radius:var(--radius-medium);font-size:var(--font-size-xs);margin-bottom:var(--spacing-m);display:flex}.admin-scheduling-warning .material-symbols-outlined{font-size:var(--font-size-m)}.admin-scheduling-warning p{line-height:var(--line-height-body);margin:0}.admin-reschedule-page{gap:var(--spacing-xl);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.admin-reschedule-header{gap:var(--spacing-xs);flex-direction:column;display:flex}.admin-reschedule-summary{gap:var(--spacing-s);flex-direction:column;display:flex;padding:var(--spacing-l)!important;border-radius:var(--radius-medium)!important;background:linear-gradient(135deg, var(--color-white) 0%, var(--color-primaryPinkSoft) 100%)!important;box-shadow:var(--shadow-small)!important;border:1px solid var(--color-borderGray)!important}.admin-reschedule-summary h3{font-size:var(--font-size-l);color:var(--color-textPrimary);margin:0}.admin-reschedule-summary p{color:var(--color-darkGray);font-size:var(--font-size-m);margin:0}.admin-reschedule-calendar{flex-direction:column;align-items:center;display:flex}.admin-reschedule-calendar .appointment-calendar{background:linear-gradient(150deg, var(--color-primaryPinkSoft) 30%, var(--color-white) 60%, var(--color-secondaryTealLight) 100%)!important}.admin-reschedule-slots{margin-top:var(--spacing-l)}.admin-reschedule-actions{margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}.admin-reschedule-header .back-button{display:flex!important}.create-tracker{width:100%;max-width:var(--content-max-width);padding:var(--spacing-xl) var(--spacing-xxl);box-sizing:border-box;font-family:var(--font-primary);margin:0 auto}.create-tracker-form{gap:var(--spacing-xl);grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);align-items:start;display:grid}.create-tracker-header{justify-content:space-between;align-items:center;gap:var(--spacing-l);margin-bottom:var(--spacing-xl);display:flex}.create-tracker-header h1{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.create-tracker-header p{margin:var(--spacing-xs) 0 0;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-regular)}.create-tracker-header button{min-width:130px;min-height:38px;padding:0 var(--spacing-l);border-radius:var(--radius-pill);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.create-tracker-header .material-symbols-outlined{font-size:var(--font-size-m)}.tracker-info-card{border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 100%);overflow:hidden}.tracker-info-content{padding:var(--spacing-xl)}.tracker-info-header{margin-bottom:var(--spacing-xl)}.tracker-info-header h2{color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.tracker-info-header p{max-width:360px;margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:1.5}.tracker-form-field{margin-bottom:var(--spacing-xl)}.tracker-form-field label,.tracker-image-label{margin-bottom:var(--spacing-xs);color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);display:block}.tracker-form-field input,.tracker-form-field select,.tracker-form-field textarea{box-sizing:border-box;border-radius:var(--radius-medium);background:var(--color-white);width:100%;color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);border:1px solid #0000;outline:none;transition:border-color .2s,box-shadow .2s}.tracker-form-field input,.tracker-form-field select{height:38px;padding:0 var(--spacing-m)}.tracker-form-field textarea{min-height:110px;padding:var(--spacing-m);resize:vertical}.tracker-form-field input::placeholder,.tracker-form-field textarea::placeholder{color:var(--color-slateGray);opacity:.55}.tracker-form-field input:focus,.tracker-form-field select:focus,.tracker-form-field textarea:focus{border-color:var(--color-warmGray);box-shadow:0 0 0 2px #6b728014}.tracker-label-row{justify-content:space-between;align-items:center;display:flex}.tracker-label-row label{margin-bottom:var(--spacing-xs)}.tracker-label-row span{color:var(--color-slateGray);font-family:var(--font-primary);font-size:var(--font-size-xs)}.description-footer{margin-top:var(--spacing-xs);justify-content:space-between;display:flex}.description-error{color:var(--color-status-red);font-size:var(--font-size-xs)}.description-counter{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-field-error{color:var(--color-status-red);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.tracker-category-row{align-items:flex-end;gap:var(--spacing-l);display:flex}.mcq-option-row{align-items:flex-end;gap:var(--spacing-s);margin-bottom:var(--spacing-l);display:flex}.mcq-option-row .tracker-form-field{flex:1;margin-bottom:0}.mcq-remove-btn{flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;width:40px!important;height:40px!important}.tracker-tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);background:var(--color-primaryPinkSoft);color:var(--color-mauve);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex}.tracker-tag button{color:var(--color-mauve);font-size:var(--font-size-s);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.tracker-image-card{border-radius:var(--radius-medium);background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 100%);box-shadow:var(--shadow-soft);border:none;overflow:hidden}.tracker-image-content{padding:var(--spacing-l)}.tracker-image-label{margin-bottom:var(--spacing-s);color:var(--color-primaryPink)}.tracker-image-upload{min-height:130px;padding:var(--spacing-l);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--spacing-xs);border:1px dashed var(--color-pinkGray);border-radius:var(--radius-medium);background:var(--color-white);color:var(--color-darkGray);text-align:center;cursor:pointer;flex-direction:column;display:flex}.tracker-image-upload:hover{border-color:var(--color-primaryPink);background:var(--color-paleGray)}.tracker-image-upload .material-symbols-outlined{color:var(--color-warmGray);font-size:var(--font-size-xl)}.tracker-image-upload strong{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.tracker-image-upload span{color:var(--color-slateGray);font-family:var(--font-primary);font-size:var(--font-size-xs)}.tracker-image-upload img{object-fit:cover;border-radius:var(--radius-small);width:100%;height:130px}.thumbnail-remove-btn{margin-top:var(--spacing-s);width:100%}.create-tracker-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-s);padding-top:var(--spacing-l);border-top:1px solid var(--color-borderGray);grid-column:1/-1;display:flex}.create-tracker-actions button{width:auto;min-width:130px;height:40px;padding:0 var(--spacing-l);border-radius:var(--radius-medium);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.create-tracker-actions .material-symbols-outlined{font-size:var(--font-size-m)}@media (width<=800px){.create-tracker{padding:var(--spacing-l)}.create-tracker-header{flex-direction:column;align-items:flex-start}.create-tracker-header button{align-self:flex-start}.create-tracker-form{grid-template-columns:1fr}.tracker-image-card{order:-1}.tracker-category-row{flex-direction:column;align-items:stretch}.tracker-category-row button{width:100%}}@media (width<=480px){.tracker-info-content,.tracker-image-content{padding:var(--spacing-l)}.create-tracker-header h1{font-size:var(--font-size-xl)}}.create-sessions{width:100%;max-width:var(--content-max-width);padding:var(--spacing-xl) var(--spacing-xxl);box-sizing:border-box;font-family:var(--font-primary);margin:0 auto}.create-sessions-header{align-items:center;gap:var(--spacing-m);margin-bottom:var(--spacing-xl);display:flex}.back-button{border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);background:var(--color-white);width:32px;height:32px;color:var(--color-darkGray);cursor:pointer;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;padding:0;display:flex}.back-button:hover{color:var(--color-primaryPink);border-color:var(--color-primaryPinkLight)}.back-button .material-symbols-outlined{font-size:var(--font-size-m)}.create-sessions-heading{gap:var(--spacing-xs);flex-direction:column;display:flex}.builder-step{color:var(--color-slateGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.create-sessions-heading h1{color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.create-sessions-heading h1 strong{color:var(--color-primaryPink)}.sessions-list{gap:var(--spacing-xl);flex-direction:column;width:100%;max-width:900px;display:flex}.session-builder-card{box-sizing:border-box;border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 100%);width:100%;box-shadow:var(--shadow-soft);overflow:hidden}.session-builder{padding:var(--spacing-xl)}.session-form{padding-bottom:var(--spacing-l)}.session-title-row{gap:var(--spacing-l);grid-template-columns:minmax(0,1fr) 32px;align-items:center;display:grid}.session-title-field{align-items:center;gap:var(--spacing-s);display:flex}.session-toggle-button{cursor:pointer;color:var(--color-darkGray);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.session-toggle-button:hover{color:var(--color-primaryPink)}.status-actions-group{align-items:center;gap:var(--spacing-m);display:flex}.add-session-container{width:100%;max-width:900px;margin-top:var(--spacing-l);justify-content:center;display:flex}.add-session-button{justify-content:center;align-items:center;gap:var(--spacing-xs);display:inline-flex}.session-number-field input,.session-title-field input,.session-description-field textarea{box-sizing:border-box;border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background:var(--color-white);width:100%;color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-s);outline:none}.session-number-field input,.session-title-field input{height:38px;padding:0 var(--spacing-m)}.session-number-field input{color:var(--color-darkGray);background:var(--color-paleGray)}.session-title-field input:focus,.session-description-field textarea:focus{border-color:var(--color-warmGray);box-shadow:0 0 0 2px #6b728014}.session-description-field{margin-top:var(--spacing-l)}.session-description-field textarea{min-height:64px;padding:var(--spacing-m);resize:vertical}.session-description-field textarea::placeholder,.session-title-field input::placeholder{color:var(--color-slateGray);opacity:.6}.delete-session-button{width:32px;height:38px;color:var(--color-darkGray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.delete-session-button:hover:not(:disabled){color:var(--color-errorRed)}.delete-session-button:disabled{opacity:.3;cursor:not-allowed}.delete-session-button .material-symbols-outlined{font-size:var(--font-size-m)}.session-lessons{gap:var(--spacing-m);padding:var(--spacing-l);border-left:2px solid var(--color-primaryPinkLight);background:#ffffff59;flex-direction:column;display:flex}.lesson-builder{padding:var(--spacing-l);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background:var(--color-white);box-shadow:var(--shadow-soft)}.lesson-toggle-button{cursor:pointer;color:var(--color-darkGray);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.lesson-toggle-button:hover{color:var(--color-primaryPink)}.lesson-header{align-items:center;gap:var(--spacing-s);display:flex}.drag-handle{color:var(--color-pinkGray);cursor:grab;align-items:center;display:flex}.drag-handle .material-symbols-outlined{font-size:var(--font-size-m)}.session-drag-label{font-size:var(--font-size-xs);color:var(--color-slateGray);font-weight:var(--font-weight-semibold);margin-left:4px}.session-drag-handle{margin-bottom:0}.session-lessons-list{gap:var(--spacing-m);flex-direction:column;display:flex}.hidden-file-input{display:none}.lesson-file-link{color:inherit;text-decoration:none}.replace-file-button{cursor:pointer;justify-content:center;align-items:center;display:flex}.edit-icon{font-size:var(--font-size-xl)}.lesson-heading{flex:1}.lesson-heading input{width:100%;color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);background:0 0;border:none;outline:none;padding:0}.lesson-heading input::placeholder{color:var(--color-slateGray);opacity:.55}.delete-lesson-button{width:28px;height:28px;color:var(--color-darkGray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.delete-lesson-button:hover{color:var(--color-errorRed)}.delete-lesson-button .material-symbols-outlined{font-size:var(--font-size-m)}.lesson-description{margin-top:var(--spacing-s);margin-left:calc(var(--font-size-m) + var(--spacing-s))}.lesson-description textarea{width:100%;min-height:45px;padding:var(--spacing-xs);box-sizing:border-box;resize:vertical;color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-s);background:0 0;border:none;outline:none}.lesson-description textarea::placeholder{color:var(--color-slateGray);opacity:.45}.lesson-actions{justify-content:space-between;align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-m);margin-left:calc(var(--font-size-m) + var(--spacing-s));flex-wrap:wrap;display:flex}.lesson-media-upload{flex:1;min-width:0}.lesson-save-actions{gap:var(--spacing-s);margin-right:var(--spacing-m);flex-shrink:0;display:flex}.session-save-actions{justify-content:flex-end;gap:var(--spacing-s);margin-top:var(--spacing-m);display:flex}.lesson-upload-button{min-height:30px;padding:0 var(--spacing-m);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-pill);background:var(--color-paleGray);color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;display:inline-flex}.lesson-upload-button:hover{background:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.lesson-upload-button .material-symbols-outlined{font-size:var(--font-size-m)}.selected-file{align-items:center;gap:var(--spacing-s);min-width:0;max-width:100%;padding:var(--spacing-s) var(--spacing-m);border:1px solid var(--color-primaryPinkLight);border-radius:var(--radius-medium);background:var(--color-primaryPinkSoft);display:flex}.selected-file-icon{border-radius:var(--radius-small);background:var(--color-white);width:30px;height:30px;color:var(--color-primaryPink);justify-content:center;align-items:center;display:flex}.selected-file-icon .material-symbols-outlined{font-size:var(--font-size-m)}.selected-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.selected-file-name{color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-file-size{color:var(--color-slateGray);font-size:var(--font-size-xs)}.remove-file-button{width:24px;height:24px;color:var(--color-darkGray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.remove-file-button:hover{color:var(--color-errorRed)}.remove-file-button .material-symbols-outlined{font-size:var(--font-size-m)}.add-lesson-button{justify-content:center;align-items:center;gap:var(--spacing-xs);border:1px dashed var(--color-pinkGray);border-radius:var(--radius-medium);min-height:44px;color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;display:flex}.add-lesson-button:hover{background:var(--color-primaryPinkSoft);border-color:var(--color-primaryPinkLight)}.add-lesson-button .material-symbols-outlined{font-size:var(--font-size-m)}.add-session-card{width:100%;min-height:100px;margin-top:var(--spacing-xl);padding:var(--spacing-xl);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--spacing-s);border:1px dashed var(--color-pinkGray);border-radius:var(--radius-large);background:var(--color-white);color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex}.add-session-card:hover{border-color:var(--color-primaryPink);background:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.add-session-card .material-symbols-outlined{font-size:var(--font-size-l)}.create-sessions-footer{min-height:48px;margin-top:var(--spacing-s);padding:var(--spacing-s) 0;border-top:1px solid var(--color-borderGray);background:var(--color-white);justify-content:center;align-items:center;display:flex}.submit:hover{color:var(--color-primaryPink)}.session-thumbnail-field{margin-top:var(--spacing-l)}.session-thumbnail-label{margin-bottom:var(--spacing-xs);color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);display:block}.session-thumbnail-upload{width:100%;min-height:140px;padding:var(--spacing-l);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--spacing-xs);border:1px dashed var(--color-pinkGray);border-radius:var(--radius-medium);background:var(--color-white);color:var(--color-darkGray);text-align:center;cursor:pointer;flex-direction:column;transition:border-color .2s,background .2s;display:flex}.session-thumbnail-upload:hover{border-color:var(--color-primaryPink);background:var(--color-paleGray)}.session-thumbnail-upload .material-symbols-outlined{color:var(--color-warmGray);font-size:var(--font-size-l)}.session-thumbnail-upload strong{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.session-thumbnail-upload span{color:var(--color-slateGray);font-family:var(--font-primary);font-size:var(--font-size-xs)}.session-thumbnail-upload img{object-fit:cover;border-radius:var(--radius-small);width:100%;height:140px}@media (width<=800px){.create-sessions{padding:var(--spacing-l)}.session-title-row{grid-template-columns:1fr 32px}.session-number-field,.session-title-field{grid-column:1}.delete-session-button{grid-area:1/2}.session-lessons{padding:var(--spacing-s)}.lesson-actions{align-items:stretch;gap:var(--spacing-m);flex-direction:column}.lesson-save-actions{justify-content:flex-end;margin-right:0}}@media (width<=480px){.create-sessions{padding:var(--spacing-m)}.create-sessions-heading h1{font-size:var(--font-size-l)}.session-builder{padding:var(--spacing-l)}.lesson-builder{padding:var(--spacing-m)}.lesson-description,.lesson-actions,.selected-file{margin-left:0}.create-sessions-footer{padding:0}}.sessions-loading,.sessions-error,.no-sessions-empty-state{text-align:center;padding:var(--spacing-xl)}.sessions-error p{margin-bottom:var(--spacing-m)}.no-sessions-empty-state{color:var(--color-slateGray)}.lesson-upload-button-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);display:block}.lesson-upload-button-subtitle{font-size:var(--font-size-xs);color:var(--color-slateGray);font-weight:400;display:block}.session-title-input-wrapper,.lesson-title-input-wrapper{flex:1;margin-top:0}.create-course{width:100%;max-width:var(--content-max-width);padding:var(--spacing-xl) var(--spacing-xxl);box-sizing:border-box;font-family:var(--font-primary);margin:0 auto}.create-course-form{gap:var(--spacing-xl);grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);align-items:start;display:grid}.create-course-header{justify-content:space-between;align-items:center;gap:var(--spacing-l);margin-bottom:var(--spacing-xl);display:flex}.create-course-header h1{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.create-course-header p{margin:var(--spacing-xs) 0 0;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-regular)}.course-builder-header-actions button{min-width:130px;min-height:38px;padding:0 var(--spacing-l);border-radius:var(--radius-pill);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.create-course-header .material-symbols-outlined{font-size:var(--font-size-m)}.course-stepper{align-items:center;gap:var(--spacing-l);margin-left:var(--spacing-xl);padding-left:var(--spacing-xl);border-left:1px solid var(--color-borderGray);display:flex}.step-item{align-items:center;gap:var(--spacing-s);cursor:pointer;display:flex}.step-circle{border-radius:var(--radius-pill);width:24px;height:24px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray);justify-content:center;align-items:center;transition:all .2s;display:flex}.step-item.active .step-circle{background-color:var(--color-primaryPinkSoft);border-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.step-label{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-darkGray)}.step-item.active .step-label{color:var(--color-black)}.step-item.disabled{opacity:.5;cursor:not-allowed}.step-divider{background-color:var(--color-borderGray);width:16px;height:1px}.course-builder-header-left{align-items:center;gap:var(--spacing-l);display:flex}.course-builder-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray)}.course-builder-header-left .back-button{border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);background:var(--color-white);width:32px;height:32px;color:var(--color-darkGray);cursor:pointer;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;padding:0;display:flex}.course-builder-header-left .back-button:hover{color:var(--color-primaryPink);border-color:var(--color-primaryPinkLight)}.course-builder-header-left .back-button .material-symbols-outlined{font-size:var(--font-size-m)}.course-builder-header-actions{align-items:center;gap:var(--spacing-m);display:flex}.save-draft-btn{align-items:center;gap:var(--spacing-xs);color:var(--color-primaryPink);background-color:var(--color-primaryPinkSoft);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-medium);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;display:flex}.save-draft-btn:hover{background-color:var(--color-primaryPink);color:var(--color-white)}.save-draft-btn .material-symbols-outlined{font-size:var(--font-size-xl)}.course-info-card{border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 100%);overflow:hidden}.course-info-content{padding:var(--spacing-xl)}.course-info-header{margin-bottom:var(--spacing-xl)}.course-info-header h2{color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.course-info-header p{max-width:360px;margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:1.5}.course-form-field{margin-bottom:var(--spacing-xl)}.course-form-field label,.course-image-label{margin-bottom:var(--spacing-xs);color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);display:block}.course-form-field input,.course-form-field select,.course-form-field textarea{box-sizing:border-box;border-radius:var(--radius-medium);background:var(--color-white);width:100%;color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);border:1px solid #0000;outline:none;transition:border-color .2s,box-shadow .2s}.course-form-field input,.course-form-field select{height:38px;padding:0 var(--spacing-m)}.course-form-field textarea{min-height:110px;padding:var(--spacing-m);resize:vertical}.course-form-field input::placeholder,.course-form-field textarea::placeholder{color:var(--color-slateGray);opacity:.55}.course-form-field input:focus,.course-form-field select:focus,.course-form-field textarea:focus{border-color:var(--color-warmGray);box-shadow:0 0 0 2px #6b728014}.course-label-row{justify-content:space-between;align-items:center;display:flex}.course-label-row label{margin-bottom:var(--spacing-xs)}.course-label-row span{color:var(--color-slateGray);font-family:var(--font-primary);font-size:var(--font-size-xs)}.description-editor{border-radius:var(--radius-medium);background:var(--color-white);box-shadow:var(--shadow-soft);overflow:hidden}.editor-toolbar{align-items:center;gap:var(--spacing-m);min-height:34px;padding:0 var(--spacing-m);border-bottom:1px solid var(--color-borderGray);display:flex}.editor-toolbar button{width:18px;height:18px;color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-s);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.editor-toolbar button:hover{color:var(--color-primaryPink)}.editor-toolbar .material-symbols-outlined{font-size:var(--font-size-m)}.editor-divider{background:var(--color-borderGray);width:1px;height:14px}.description-editor textarea{box-shadow:none;border:none;border-radius:0;display:block}.description-editor textarea:focus{box-shadow:none;border:none}.course-category-row{align-items:flex-end;gap:var(--spacing-l);display:flex}.category-field{flex:1;margin-bottom:0}.add-session-button{min-width:130px;height:38px;padding:0 var(--spacing-l);border-radius:var(--radius-medium);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.add-session-button .material-symbols-outlined{font-size:var(--font-size-m)}.tags-input{min-height:38px;padding:var(--spacing-xs) var(--spacing-s);box-sizing:border-box;border-radius:var(--radius-medium);background:var(--color-white)}.tag-list{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.course-tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);background:var(--color-primaryPinkSoft);color:var(--color-mauve);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex}.course-tag button{color:var(--color-mauve);font-size:var(--font-size-s);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.tags-input input{width:100%;height:24px;margin-top:var(--spacing-xs);box-shadow:none;background:0 0;border:none;outline:none;padding:0}.tags-input input:focus{box-shadow:none;border:none}.course-image-card{border-radius:var(--radius-medium);background:linear-gradient(135deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 100%);box-shadow:var(--shadow-soft);border:none;overflow:hidden}.course-image-content{padding:var(--spacing-l)}.course-image-label{margin-bottom:var(--spacing-s);color:var(--color-primaryPink)}.course-image-upload{min-height:130px;padding:var(--spacing-l);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--spacing-xs);border:1px dashed var(--color-pinkGray);border-radius:var(--radius-medium);background:var(--color-white);color:var(--color-darkGray);text-align:center;cursor:pointer;flex-direction:column;display:flex}.course-image-upload:hover{border-color:var(--color-primaryPink);background:var(--color-paleGray)}.course-image-upload .material-symbols-outlined{color:var(--color-warmGray);font-size:var(--font-size-xl)}.course-image-upload strong{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.course-image-upload span{color:var(--color-slateGray);font-family:var(--font-primary);font-size:var(--font-size-xs)}.course-image-upload img{object-fit:cover;border-radius:var(--radius-small);width:100%;height:130px}.browse-library-button{width:100%;min-height:36px;margin-top:var(--spacing-m);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-medium);background:var(--color-white);color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-soft);cursor:pointer;border:none;display:flex}.browse-library-button:hover{background:var(--color-paleGray)}.browse-library-button .material-symbols-outlined{font-size:var(--font-size-m)}.create-course-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-s);padding-top:var(--spacing-l);border-top:1px solid var(--color-borderGray);grid-column:1/-1;display:flex}.create-course-actions button{width:auto;min-width:130px;height:40px;padding:0 var(--spacing-l);border-radius:var(--radius-medium);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.create-course-actions .material-symbols-outlined{font-size:var(--font-size-m)}@media (width<=800px){.create-course{padding:var(--spacing-l)}.create-course-header{flex-direction:column;align-items:flex-start}.create-course-header button{align-self:flex-start}.create-course-form{grid-template-columns:1fr}.course-image-card{order:-1}.course-category-row{flex-direction:column;align-items:stretch}.course-category-row button{width:100%}}@media (width<=480px){.course-info-content,.course-image-content{padding:var(--spacing-l)}.create-course-header h1{font-size:var(--font-size-xl)}}.course-settings-container{flex-direction:column;gap:24px;display:flex}.session-save-actions{gap:var(--spacing-l);margin-bottom:var(--spacing-s);justify-content:flex-end;align-items:center;display:flex}.lesson-actions{justify-content:space-between;align-items:center;gap:var(--spacing-s);display:flex}.lesson-save-actions{gap:var(--spacing-s);display:flex}.complete-profile-page{width:100%;max-width:var(--content-max-width);padding:var(--spacing-pageMarginDesktop);box-sizing:border-box;font-family:var(--font-primary);margin:0 auto}.profile-page-header{align-items:flex-start;gap:var(--spacing-l);margin-bottom:var(--spacing-gapBetweenSections);display:flex}.profile-page-heading{gap:var(--spacing-xs);flex-direction:column;display:flex}.profile-page-heading h1{color:var(--color-black);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.25}.profile-page-heading p{color:var(--color-darkGray);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);margin:0;line-height:1.5}.profile-form{width:100%}.profile-sections{gap:var(--spacing-gapBetweenCards);background-color:var(--color-white);width:100%;padding:var(--spacing-l);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);box-sizing:border-box;grid-template-columns:5fr 7fr;align-items:stretch;display:grid}.basic-information-card{min-width:0;background-color:var(--color-primaryPinkLight)!important}.health-details-card{min-width:0;background-color:var(--color-secondaryTealLight)!important}.profile-card-header{margin-bottom:var(--spacing-xl)}.profile-card-header h2{margin:0 0 var(--spacing-xs);color:var(--color-black);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.3}.profile-card-header p{color:var(--color-darkGray);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);margin:0;line-height:1.5}.profile-photo-upload{justify-content:center;align-items:center;gap:var(--spacing-s);width:100%;margin-bottom:var(--spacing-xl);box-sizing:border-box;flex-direction:column;display:flex}.profile-photo-preview{box-sizing:border-box;border:2px solid var(--color-white);background-color:var(--color-white);cursor:pointer;border-radius:50%;flex-shrink:0;width:120px;min-width:120px;height:120px;min-height:120px;transition:transform .2s;display:block;position:relative;overflow:hidden}.profile-photo-preview:hover{transform:scale(1.03)}.profile-photo-preview:focus-visible{outline:2px solid var(--color-primaryPink);outline-offset:3px}.profile-photo-preview img{object-position:center 42%;transform-origin:50% 42%;border:0;border-radius:50%;display:block;position:absolute;inset:0;transform:scale(1.15);object-fit:cover!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;padding:0!important}.profile-photo-preview .material-symbols-outlined{font-size:var(--font-size-px64);color:var(--color-primaryPink);margin:0;line-height:1;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-photo-button{width:auto;min-width:110px;min-height:34px;padding:var(--spacing-s) var(--spacing-l);box-sizing:border-box;border:1px solid var(--color-primaryPink);border-radius:var(--radius-medium);background-color:var(--color-white);color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);cursor:pointer;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex;position:static}.profile-photo-button:hover{background-color:var(--color-primaryPink);color:var(--color-white);border-color:var(--color-primaryPink);transform:translateY(-1px)}.profile-photo-button:focus-visible{outline:2px solid var(--color-primaryPink);outline-offset:2px}.profile-fields{gap:var(--spacing-l);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.profile-field{gap:var(--spacing-xs);flex-direction:column;min-width:0;display:flex}.profile-field-full{grid-column:1/-1}.profile-field label{color:var(--color-darkGray);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);line-height:1.4}.profile-field input,.profile-field select,.profile-field textarea{box-sizing:border-box;border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background-color:var(--color-white);width:100%;color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-regular);outline:none;transition:border-color .2s,box-shadow .2s}.profile-field input,.profile-field select{height:42px;padding:0 var(--spacing-m)}.profile-field textarea{min-height:80px;padding:var(--spacing-m);resize:vertical;line-height:1.5}.profile-field input::placeholder,.profile-field textarea::placeholder{color:var(--color-warmGray);opacity:1}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus{border-color:var(--color-primaryPink);box-shadow:0 0 0 2px var(--color-primaryPinkLight)}.profile-field.has-error input,.profile-field.has-error select,.profile-field.has-error textarea{border-color:var(--color-errorRed)!important;box-shadow:0 0 0 2px var(--color-errorRedLight)!important}.profile-field-header{justify-content:space-between;align-items:center;display:flex}.profile-char-counter{font-size:var(--font-size-px11);color:var(--color-darkGray)}.profile-field .modal-field-error{align-items:center;gap:var(--spacing-xs);color:var(--color-errorRed);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);margin-top:4px;display:flex}.profile-field .modal-field-error .material-symbols-outlined{font-size:var(--font-size-xl);color:var(--color-errorRed);line-height:1}.profile-photo-upload .modal-field-error,.profile-photo-error{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--color-errorRed);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);margin-top:var(--spacing-s);display:flex}.profile-photo-upload .modal-field-error .material-symbols-outlined,.profile-photo-error .material-symbols-outlined{font-size:var(--font-size-xl);color:var(--color-errorRed);line-height:1}.profile-form-error{margin:var(--spacing-m) 0 0;color:var(--color-errorRed);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);line-height:1.4}.profile-form-actions{margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}.profile-form-actions button{flex-shrink:0}@media (width<=1024px){.complete-profile-page{padding:var(--spacing-pageMarginMobile)}.profile-sections{grid-template-columns:1fr}}@media (width<=768px){.profile-page-header{gap:var(--spacing-s);margin-bottom:var(--spacing-xl)}.profile-page-heading h1{font-size:var(--font-size-xxl)}.profile-page-heading p{font-size:var(--font-size-l)}.profile-fields{grid-template-columns:1fr}.profile-field-full{grid-column:auto}.profile-photo-preview{width:104px;min-width:104px;height:104px;min-height:104px}.profile-photo-preview img{transform:scale(1.15)}.profile-photo-preview .material-symbols-outlined{font-size:var(--font-size-px58)}.profile-form-actions{justify-content:stretch}.profile-form-actions button{width:100%}}@media (width<=480px){.complete-profile-page{padding:var(--spacing-l)}.profile-page-header{align-items:flex-start}.profile-page-heading h1{font-size:var(--font-size-xl)}.profile-page-heading p{font-size:var(--font-size-l)}.profile-card-header h2{font-size:var(--font-size-xl)}.profile-card-header p{font-size:var(--font-size-l)}.profile-photo-preview{width:88px;min-width:88px;height:88px;min-height:88px}.profile-photo-preview img{transform:scale(1.15)}.profile-photo-preview .material-symbols-outlined{font-size:var(--font-size-px50)}.profile-photo-button{width:100%;max-width:160px}}.profile-settings-page{box-sizing:border-box;width:100%;min-width:0}.profile-settings-header{width:100%;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-m);border-bottom:1px solid var(--color-borderGray);box-sizing:border-box}.profile-settings-header h1{color:var(--color-black);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.profile-settings-layout{gap:var(--spacing-xl);width:100%;max-width:var(--content-max-width);box-sizing:border-box;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);align-items:start;margin:0 auto;display:grid}.settings-profile-card{width:100%;min-width:0;min-height:210px;padding:var(--spacing-xl);border:1px solid var(--color-white);border-radius:var(--radius-large);background:linear-gradient(135deg, var(--color-primaryPinkSoft), var(--color-secondaryTealLight));box-shadow:var(--shadow-soft);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.settings-profile-card img{aspect-ratio:1;border:2px solid var(--color-white);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkLight);object-fit:cover;object-position:center;width:120px;min-width:120px;height:120px;min-height:120px;box-shadow:var(--shadow-soft);display:block;overflow:hidden}.profile-photo-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.profile-photo-upload{border:2px solid var(--color-white);border-radius:var(--radius-pill);background-color:var(--color-primaryPinkLight);width:80px;height:80px;color:var(--color-primaryPink);box-shadow:var(--shadow-soft);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.profile-photo-upload:hover{box-shadow:var(--shadow-softPinkGlow)}.profile-photo-upload .material-symbols-outlined{font-size:var(--font-size-xxl)}.profile-photo-preview{object-fit:cover;object-position:center;border-radius:var(--radius-pill);width:100%;height:100%;display:block}.profile-photo-input{display:none}.profile-photo-wrapper p{margin:var(--spacing-s) 0 0;color:var(--color-darkGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.2}.settings-profile-name{margin:var(--spacing-m) 0 var(--spacing-xs);color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;line-height:1.2}.settings-profile-role{color:var(--color-darkGray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);text-align:center;margin:0;line-height:1.2}.settings-profile-edit-btn{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-soft);padding:6px 16px;transition:all .2s;display:inline-flex}.settings-profile-edit-btn:hover{background-color:var(--color-primaryPink);border-color:var(--color-primaryPink);color:var(--color-white);transform:translateY(-1px)}.settings-profile-edit-btn .material-symbols-outlined{font-size:var(--font-size-xl)}.profile-settings-sections{gap:var(--spacing-xl);flex-direction:column;width:100%;min-width:0;display:flex}.profile-settings-section{width:100%;min-width:0}.profile-settings-section h2{margin:0 0 var(--spacing-s);color:var(--color-secondaryTeal);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.profile-settings-card{box-sizing:border-box;width:100%;max-width:none}.profile-settings-account-card{border:1px solid var(--color-white);border-radius:var(--radius-large);background:linear-gradient(135deg, var(--color-primaryPinkSoft), var(--color-secondaryTealLight));width:100%;box-shadow:var(--shadow-soft);overflow:hidden}.settings-row{align-items:center;gap:var(--spacing-m);width:100%;min-width:0;padding:var(--spacing-m) var(--spacing-l);border:0;border-bottom:1px solid var(--color-borderGray);color:var(--color-black);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;transition:background-color .2s;display:flex}.settings-row:last-child{border-bottom:0}.settings-row:hover{background-color:var(--color-primaryPinkLight)}.settings-row-icon{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);background-color:var(--color-white);color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-row-icon .material-symbols-outlined{font-size:var(--font-size-l)}.settings-row-content{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.settings-row-title{color:var(--color-black);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);line-height:1.2;display:block}.settings-row-description{color:var(--color-darkGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.2;display:block}.settings-row-arrow{color:var(--color-darkGray);font-size:var(--font-size-l);flex-shrink:0}.settings-row-danger{background-color:var(--color-white)}.settings-row-danger .settings-row-icon{background-color:var(--color-errorRedLight);color:var(--color-errorRed)}.settings-row-danger .settings-row-title,.settings-row-danger .settings-row-arrow{color:var(--color-errorRed)}.settings-row-danger:hover{background-color:var(--color-errorRedLight)}.settings-dialog-overlay{width:100%;height:100%;padding:var(--spacing-m);background-color:color-mix(in srgb, var(--color-primaryPink) 10%, transparent);-webkit-backdrop-filter:blur(6px);z-index:var(--z-index-modal);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-dialog{width:100%;max-width:380px;max-height:calc(100vh - var(--spacing-xl));border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-white);box-shadow:var(--shadow-soft);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.settings-dialog-header{justify-content:space-between;align-items:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-l);border-bottom:1px solid var(--color-borderGray);background-color:var(--color-white);flex-shrink:0;display:flex}.settings-dialog-header>div{flex:1;min-width:0}.settings-dialog-header h2{color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.settings-dialog-header p{margin:var(--spacing-xs) 0 0;color:var(--color-darkGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:1.2}.settings-dialog-close{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);background-color:var(--color-paleGray);color:var(--color-darkGray);cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.settings-dialog-close:hover{background-color:var(--color-softGray);color:var(--color-black)}.settings-dialog-close .material-symbols-outlined{font-size:var(--font-size-l)}.settings-dialog-content{width:100%;min-width:0;padding:var(--spacing-l);box-sizing:border-box;overflow-y:auto}.change-password-form{gap:var(--spacing-m);flex-direction:column;width:100%;display:flex}.password-field{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.password-field>label{color:var(--color-black);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2}.password-field-input-wrapper{width:100%;height:var(--spacing-xxl);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-paleGray);box-sizing:border-box;align-items:center;display:flex;overflow:hidden}.password-field-input-wrapper:focus-within{border-color:var(--color-secondaryTeal)}.password-field-input-wrapper.has-error{border-color:var(--color-errorRed)!important;box-shadow:0 0 0 2px var(--color-errorRedLight)!important}.password-field .modal-field-error{align-items:center;gap:var(--spacing-xs);color:var(--color-errorRed);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:4px;display:flex}.password-field .modal-field-error .material-symbols-outlined{font-size:var(--font-size-xl);color:var(--color-errorRed);line-height:1}.password-field-input-wrapper input{width:100%;min-width:0;height:100%;padding:var(--spacing-xs) var(--spacing-m);color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);box-sizing:border-box;background:0 0;border:0;outline:0;flex:1}.password-field-input-wrapper input::placeholder{color:var(--color-warmGray)}.password-field-toggle{width:var(--spacing-xxl);height:var(--spacing-xxl);color:var(--color-darkGray);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.password-requirements{width:100%;padding:var(--spacing-s);border:1px solid var(--color-lightCyan);border-radius:var(--radius-medium);background-color:var(--color-lightCyan);box-sizing:border-box}.password-requirements h3{margin:0 0 var(--spacing-xs);color:var(--color-deepTeal);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1.2}.password-requirements ul{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.password-requirements li{align-items:center;gap:var(--spacing-xs);color:var(--color-darkGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0;line-height:1.3;display:flex}.password-requirement-icon{width:var(--spacing-m);height:var(--spacing-m);color:var(--color-warmGray);font-size:var(--font-size-m);flex-shrink:0;justify-content:center;align-items:center;display:flex}.password-requirement-valid,.password-requirement-valid .password-requirement-icon{color:var(--color-successGreen)}.notification-preferences{gap:var(--spacing-s);flex-direction:column;width:100%;min-width:0;display:flex}.notification-toggle{align-items:center;gap:var(--spacing-s);width:100%;min-width:0;padding:var(--spacing-s);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background-color:var(--color-white);box-shadow:var(--shadow-soft);cursor:pointer;box-sizing:border-box;transition:background-color .2s,border-color .2s;display:flex;position:relative}.notification-toggle:hover{background-color:var(--color-paleGray)}.notification-toggle-master{padding:var(--spacing-xs) 0 var(--spacing-m);margin-bottom:var(--spacing-xs);border:0;border-bottom:1px solid var(--color-borderGray);box-shadow:none;background-color:#0000;border-radius:0}.notification-toggle-master:hover{background-color:#0000}.notification-toggle-content{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.notification-toggle-title{color:var(--color-black);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);line-height:1.2}.notification-toggle-description{color:var(--color-darkGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.25}.notification-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;padding:0;position:absolute}.notification-toggle-switch{border-radius:var(--radius-pill);background-color:var(--color-mutedGray);box-sizing:border-box;flex:0 0 40px;width:40px;height:20px;transition:background-color .2s;display:block;position:relative}.notification-toggle-switch>span{top:var(--spacing-xs);left:var(--spacing-xs);width:var(--spacing-l);height:var(--spacing-l);border-radius:var(--radius-pill);background-color:var(--color-white);box-shadow:var(--shadow-soft);box-sizing:border-box;transition:transform .2s;position:absolute}.notification-toggle input:checked+.notification-toggle-switch{background-color:var(--color-primaryPinkLight)}.notification-toggle input:checked+.notification-toggle-switch>span{transform:translateX(var(--spacing-m))}.notification-toggle input:focus-visible+.notification-toggle-switch{outline:2px solid var(--color-secondaryTeal);outline-offset:2px}.notification-section-title{margin-top:var(--spacing-xs);color:var(--color-warmGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.settings-dialog-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-s);width:100%;margin-top:var(--spacing-s);padding-top:var(--spacing-m);border-top:1px solid var(--color-borderGray);box-sizing:border-box;display:flex}.settings-dialog-actions button{flex-shrink:0;min-width:80px;width:auto!important;height:var(--spacing-xxl)!important;padding:0 var(--spacing-m)!important;border-radius:var(--radius-pill)!important;font-family:var(--font-primary)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important}.settings-dialog-actions button:first-child{border:1px solid var(--color-borderGray)!important;background-color:var(--color-white)!important;color:var(--color-darkGray)!important}.settings-dialog-actions button:last-child{box-shadow:var(--shadow-soft);background-color:var(--color-deepTeal)!important;color:var(--color-white)!important;border:0!important}@media (width<=1024px){.profile-settings-layout{gap:var(--spacing-l);grid-template-columns:minmax(190px,1fr) minmax(0,1.7fr)}.settings-profile-card{min-height:190px;padding:var(--spacing-l)}.settings-profile-card img{width:100px;min-width:100px;height:100px;min-height:100px}.profile-photo-upload{width:72px;height:72px}}@media (width<=768px){.profile-settings-layout{gap:var(--spacing-l);grid-template-columns:1fr}.settings-profile-card{min-height:auto}.settings-dialog{max-width:380px}}@media (width<=480px){.profile-settings-header{margin-bottom:var(--spacing-l)}.profile-settings-header h1{font-size:var(--font-size-xl)}.settings-profile-card{padding:var(--spacing-l)}.settings-profile-card img{width:88px;min-width:88px;height:88px;min-height:88px}.profile-photo-upload{width:64px;height:64px}.settings-profile-name{font-size:var(--font-size-l)}.settings-row{padding:var(--spacing-s) var(--spacing-l)}.settings-row-title{font-size:var(--font-size-s)}.settings-row-description{font-size:var(--font-size-xs)}.settings-dialog-overlay{padding:var(--spacing-s)}.settings-dialog{max-width:100%;max-height:calc(100vh - var(--spacing-l))}.settings-dialog-header{padding:var(--spacing-s) var(--spacing-m)}.settings-dialog-header h2{font-size:var(--font-size-l)}.settings-dialog-content{padding:var(--spacing-m)}.settings-dialog-actions button{min-width:0}}.course-management-v2-container{padding:var(--spacing-xl);box-sizing:border-box;gap:var(--spacing-xl);width:100%;font-family:var(--font-primary);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.page-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0 0 var(--spacing-xs) 0}.page-header p{font-size:var(--font-size-m);color:var(--color-gray);margin:0}.controls-row{justify-content:space-between;align-items:center;gap:var(--spacing-m);flex-wrap:wrap;display:flex}.search-filter-group,.filter-sort-group{gap:var(--spacing-s);align-items:center;display:flex}.search-wrapper{align-items:center;display:flex;position:relative}.search-input-container{width:100%;max-width:300px;margin-top:0!important}.search-input-container>div:last-child{transition:border-color .2s,box-shadow .2s}.search-input-container>div:last-child:hover{border-color:var(--color-warmGray)!important}.search-input-container>div:last-child:focus-within{border-color:var(--color-primaryPink)!important;box-shadow:0 0 0 var(--spacing-xs) var(--color-primaryPinkSoft)!important}.search-icon{color:var(--color-gray);font-size:var(--font-size-xl)}.v2-search-input{box-sizing:border-box;outline:none;flex:1;padding:0 var(--spacing-s)!important;font-size:var(--font-size-m)!important}.v2-btn-primary{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border:1px solid var(--color-primaryPink);border-radius:var(--radius-large);background:var(--color-primaryPink);color:var(--color-white);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s;display:flex}.v2-btn-primary:hover{background:var(--color-mauve)}.v2-btn-outline{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background:var(--color-white);color:var(--color-darkGray);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s;display:flex}.v2-btn-outline:hover{background:var(--color-paleGray)}.v2-btn-icon{aspect-ratio:1;padding:var(--spacing-xs);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background:var(--color-white);color:var(--color-gray);cursor:pointer;justify-content:center;align-items:center;transition:background .2s;display:flex}.v2-btn-icon:hover{background:var(--color-paleGray)}.sort-icon{font-size:var(--font-size-xl)}.btn-icon-left{font-size:var(--font-size-l);margin-right:var(--spacing-xs)}.btn-icon-only{font-size:var(--font-size-l)}.filter-dropdown-container{position:relative}.filter-toggle-btn{font-size:var(--font-size-m)!important;height:38px!important;padding:0 var(--spacing-m)!important;align-items:center!important;gap:var(--spacing-s)!important;display:inline-flex!important}.filter-toggle-btn .btn-icon-left,.filter-toggle-btn .material-symbols-outlined{font-size:var(--font-size-xl)!important;margin-right:0!important;line-height:1!important}.filter-popover{width:215px;max-width:calc(100vw - var(--spacing-m));background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);z-index:var(--z-index-dropdown,10);flex-direction:column;display:flex;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 4px 16px #0000001a}.filter-popover-header{padding:var(--spacing-s) var(--spacing-m);border-bottom:1px solid var(--color-borderGray);justify-content:space-between;align-items:center;display:flex}.filter-popover-header h4{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.filter-popover-header .material-symbols-outlined{font-size:var(--font-size-xl)!important}.icon-btn{cursor:pointer;color:var(--color-gray);border-radius:var(--radius-small);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.icon-btn:hover{background:var(--color-softGray);color:var(--color-black)}.filter-popover-body{gap:var(--spacing-s);flex-direction:column;padding:10px 12px;display:flex}.filter-group{flex-direction:column;gap:2px;display:flex}.filter-label{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-gray);text-transform:uppercase;letter-spacing:.4px}.filter-dropdown-trigger{width:100%;height:30px;padding:0 var(--spacing-s);border:1px solid var(--color-borderGray);border-radius:var(--radius-small);background:var(--color-white);color:var(--color-darkGray);font-size:var(--font-size-m);cursor:pointer;box-sizing:border-box;outline:none;justify-content:space-between;align-items:center;font-family:inherit;transition:border-color .2s,box-shadow .2s;display:flex}.filter-dropdown-trigger:hover{border-color:var(--color-warmGray)}.filter-dropdown-trigger.active{border-color:var(--color-primaryPink);box-shadow:0 0 0 2px var(--color-primaryPinkSoft)}.filter-dropdown-trigger-label{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium);font-size:var(--font-size-m);overflow:hidden}.filter-dropdown-trigger-label.placeholder{color:var(--color-gray);font-weight:400}.dropdown-chevron,.filter-cal-btn-icon{color:var(--color-gray);flex-shrink:0;transition:transform .2s,color .2s;font-size:var(--font-size-xl)!important}.dropdown-chevron.chevron-open{color:var(--color-primaryPink);transform:rotate(180deg)}.filter-dropdown-card{z-index:var(--z-index-dropdown,10);background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-small);box-sizing:border-box;flex-direction:column;gap:1px;max-height:120px;padding:3px;animation:.12s ease-out filterDropdownFade;display:flex;position:fixed;overflow-y:auto;box-shadow:0 4px 14px #0000001f}@keyframes filterDropdownFade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-option{width:100%;color:var(--color-darkGray);font-size:var(--font-size-s);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:center;padding:5px 8px;transition:background .12s,color .12s;display:flex}.filter-dropdown-option:hover{background:var(--color-paleGray);color:var(--color-black)}.filter-dropdown-option.selected{background:var(--color-primaryPinkLight);color:var(--color-primaryPink);font-weight:var(--font-weight-bold)}.option-check-icon{color:var(--color-primaryPink);font-size:var(--font-size-l)!important}.filter-calendar-card{z-index:var(--z-index-dropdown,10);background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-small);padding:6px var(--spacing-s);box-sizing:border-box;flex-direction:column;gap:4px;max-width:calc(100vw - 20px);animation:.12s ease-out filterDropdownFade;display:flex;position:fixed;box-shadow:0 4px 16px #00000024}.filter-calendar-header{border-bottom:1px solid var(--color-paleGray);justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.cal-title-text{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-black)}.cal-nav-btn{cursor:pointer;color:var(--color-gray);border-radius:var(--radius-small);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:background .12s,color .12s;display:flex}.cal-nav-btn:hover{background:var(--color-paleGray);color:var(--color-black)}.cal-nav-btn .material-symbols-outlined{font-size:var(--font-size-xl)!important}.filter-calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-weekday{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray);padding:1px 0}.filter-calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-empty-slot{height:21px}.cal-day-btn{width:21px;height:21px;font-size:var(--font-size-s);color:var(--color-darkGray);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin:0 auto;padding:0;font-family:inherit;transition:all .12s;display:flex}.cal-day-btn:hover{background:var(--color-paleGray);color:var(--color-black)}.cal-day-btn.today{border:1px solid var(--color-primaryPink);font-weight:var(--font-weight-bold)}.cal-day-btn.selected{font-weight:var(--font-weight-bold);background:var(--color-primaryPink)!important;color:var(--color-white)!important}.filter-calendar-footer{border-top:1px solid var(--color-paleGray);justify-content:space-between;align-items:center;padding-top:4px;display:flex}.cal-footer-btn{font-size:var(--font-size-s);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-small);background:0 0;border:none;padding:2px 5px;transition:background .12s}.cal-clear-btn{color:var(--color-gray)}.cal-clear-btn:hover{background:var(--color-paleGray);color:var(--color-black)}.cal-today-btn{color:var(--color-primaryPink);font-weight:var(--font-weight-bold)}.cal-today-btn:hover{background:var(--color-primaryPinkLight)}.filter-select-input,.date-picker-input{width:100%;padding:0 var(--spacing-s);border:1px solid var(--color-borderGray);border-radius:var(--radius-small);font-size:var(--font-size-l);color:var(--color-darkGray);box-sizing:border-box;background-color:var(--color-white);outline:none;height:36px;font-family:inherit}.filter-popover-footer{padding:var(--spacing-s) var(--spacing-m);border-top:1px solid var(--color-borderGray);justify-content:flex-end;display:flex}.apply-filter-btn{width:100%!important;height:30px!important;font-size:var(--font-size-m)!important;font-weight:var(--font-weight-bold)!important;border-radius:var(--radius-small)!important}.active-filters-row{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.filter-pill{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background:var(--color-lightCyan);color:var(--color-deepTeal);border-radius:var(--radius-pill);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);border:1px solid var(--color-secondaryTealLight);display:flex}.filter-pill button{color:var(--color-deepTeal);cursor:pointer;padding:var(--spacing-xs);margin-left:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.filter-pill button span{font-size:var(--font-size-l)}.clear-all-pill{background:var(--color-softGray);color:var(--color-darkGray);border:1px solid var(--color-borderGray)}.clear-all-pill button{color:var(--color-gray)}.clear-all-pill button:hover{color:var(--color-errorRed)}.table-card{border-radius:var(--radius-large);box-shadow:var(--shadow-soft);background:var(--color-white);box-sizing:border-box;width:100%!important;max-width:100%!important;padding:0!important}.col-course-name{text-align:left;width:26%;min-width:170px}.col-category{text-align:left;width:14%;min-width:110px}.col-enrolled{text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-wrap:balance;width:12%;min-width:95px;line-height:1.25}.col-rating{text-align:center;width:13%;min-width:110px}.col-date{text-align:center;width:12%;min-width:100px}.col-status,.col-actions{text-align:center;width:13%;min-width:110px}.enrolled-students-wrapper,.date-wrapper{color:var(--color-darkGray);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.course-name-wrapper{justify-content:flex-start;align-items:center;gap:var(--spacing-s);white-space:normal;word-wrap:break-word;min-width:0;display:flex}.course-thumbnail{border-radius:var(--radius-small);object-fit:cover;background-color:var(--color-paleGray);flex-shrink:0;width:32px;height:32px;display:block}.course-thumbnail-placeholder{border-radius:var(--radius-small);background-color:var(--color-primaryPinkLight);width:32px;height:32px;color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.course-thumbnail-placeholder .material-symbols-outlined{font-size:var(--font-size-xl)}.course-name-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-l);color:var(--color-black);line-height:var(--line-height-body);word-break:break-word;text-overflow:ellipsis;overflow:hidden}.category-wrapper{justify-content:flex-start;align-items:center;display:flex}.category-badge{padding:calc(var(--spacing-xs) / 2) var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-l);font-weight:var(--font-weight-medium);text-align:center;word-break:break-word;background-color:var(--color-secondaryTealLight);color:var(--color-deepTeal);border:1px solid var(--color-secondaryTealLight);line-height:1.2;display:inline-block}.rating-wrapper{justify-content:center;align-items:center;gap:calc(var(--spacing-xs) / 2);text-align:center;width:100%;display:flex}.star-icon{font-size:var(--font-size-xl)}.star-icon.filled{color:var(--color-orange)}.rating-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-l)}.date-wrapper{color:var(--color-gray);white-space:nowrap;font-size:var(--font-size-l);text-align:right;box-sizing:border-box;justify-content:flex-end;align-items:center;width:100%;padding-right:calc(50% - 32px);display:flex}.status-wrapper{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.status-dropdown-container{justify-content:center;align-items:center;width:auto;display:inline-flex}.status-trigger-btn{justify-content:space-between;align-items:center;gap:var(--spacing-xs);box-sizing:border-box;width:110px;min-width:110px;max-width:110px;height:34px;padding:0 var(--spacing-s);border:1px solid var(--color-borderGray);border-radius:var(--radius-small);background:var(--color-white);font-family:inherit;font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--color-black);cursor:pointer;transition:border-color .15s;display:inline-flex}.status-trigger-btn:hover,.status-trigger-btn.active{border-color:var(--color-gray)}.status-label-text{text-align:left;color:var(--color-black);flex-grow:1;line-height:1}.status-chevron{color:var(--color-gray);margin-left:2px;transition:transform .2s;font-size:var(--font-size-xl)!important}.status-chevron.chevron-open{transform:rotate(180deg)}.status-popup-card{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);z-index:var(--z-index-dropdown,1000);flex-direction:column;padding:0;display:flex;position:fixed;overflow:hidden;width:150px!important;min-width:150px!important}.status-option-btn{width:100%;padding:var(--spacing-s) var(--spacing-m);border:none;border-bottom:1px solid var(--color-borderGray);cursor:pointer;font-family:inherit;font-size:var(--font-size-l);font-weight:var(--font-weight-medium);color:var(--color-darkGray);text-align:left;background:0 0;align-items:center;transition:background .15s;display:flex}.status-option-btn:last-child{border-bottom:none}.status-option-btn:hover{background:var(--color-softGray);color:var(--color-black)}.status-option-btn.selected{font-weight:var(--font-weight-bold);color:var(--color-black);background:var(--color-softGray)}.actions-wrapper{justify-content:center;align-items:center;gap:var(--spacing-s);flex-wrap:nowrap;display:flex}.preview-btn,.view-sessions-btn{cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s;background:var(--color-white)!important;border:1px solid var(--color-secondaryTeal)!important;color:var(--color-secondaryTeal)!important;font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-l)!important;padding:0 var(--spacing-m)!important;border-radius:var(--radius-small)!important;min-width:70px!important;height:34px!important}.preview-btn:hover,.view-sessions-btn:hover{background:var(--color-secondaryTealLight)!important;color:var(--color-secondaryTeal)!important}.three-dot-menu-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.three-dot-menu-wrapper .icon-btn.three-dot-trigger-btn,.three-dot-menu-wrapper .icon-btn{flex-shrink:0;border-radius:var(--radius-circle,50%)!important;cursor:pointer!important;width:34px!important;min-width:34px!important;height:34px!important;color:var(--color-darkGray)!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:background-color .2s,color .2s!important;display:inline-flex!important}.three-dot-menu-wrapper .material-symbols-outlined{font-size:var(--font-size-xl)!important}.three-dot-menu-wrapper .icon-btn:hover,.three-dot-menu-wrapper .icon-btn.active{background-color:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.three-dot-tooltip{top:calc(100% + var(--spacing-xs));background-color:var(--color-white);border:1px solid var(--color-borderGray);color:var(--color-gray);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:normal;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-small);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:var(--z-index-dropdown,10);box-shadow:var(--shadow-soft);transition:opacity .2s,visibility .2s;position:absolute;right:0}.three-dot-tooltip:before{content:"";border:var(--spacing-xs) solid transparent;border-bottom-color:var(--color-borderGray);position:absolute;bottom:100%;right:10px}.three-dot-tooltip:after{content:"";border:calc(var(--spacing-xs) - 1px) solid transparent;border-bottom-color:var(--color-white);position:absolute;bottom:100%;right:10px}.three-dot-menu-wrapper:hover .three-dot-tooltip{opacity:1;visibility:visible}.three-dot-dropdown{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);z-index:var(--z-index-dropdown,10);flex-direction:column;width:140px;min-width:140px;padding:0;display:flex;position:fixed;overflow:visible!important}.three-dot-dropdown button{border:none!important;border-bottom:1px solid var(--color-borderGray)!important;padding:var(--spacing-s) var(--spacing-m)!important;text-align:left!important;font-size:var(--font-size-l)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-darkGray)!important;cursor:pointer!important;background:0 0!important;justify-content:flex-start!important;width:100%!important;transition:background .2s!important}.three-dot-dropdown button:last-child{border-bottom:none!important}.three-dot-dropdown button:hover{background:var(--color-softGray)!important}.three-dot-dropdown .delete-action{color:var(--color-errorRed)!important}.three-dot-dropdown .delete-action:hover{background:var(--color-errorRedLight)!important}.three-dot-dropdown button:disabled,.three-dot-dropdown button.disabled-delete-btn{opacity:.45!important;cursor:not-allowed!important;pointer-events:auto!important}.three-dot-dropdown button.disabled-delete-btn:hover{background:0 0!important}.three-dot-dropdown .disabled-delete-tooltip-wrapper{width:100%;display:flex;position:relative;overflow:visible!important}.three-dot-dropdown .delete-course-disabled-tooltip{background-color:var(--color-darkGray);color:var(--color-white);border-radius:var(--radius-medium);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);white-space:normal;align-items:flex-start;gap:var(--spacing-xs);pointer-events:none;opacity:0;visibility:hidden;width:max-content;max-width:280px;padding:10px 14px;line-height:1.4;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 4px 16px #00000040;z-index:99999!important}.three-dot-dropdown .delete-course-disabled-tooltip .tooltip-icon{font-size:var(--font-size-l);color:var(--color-primaryPinkLight);flex-shrink:0;margin-top:1px}.three-dot-dropdown .delete-course-disabled-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-darkGray) transparent transparent transparent;position:absolute;top:100%;right:28px}.three-dot-dropdown .disabled-delete-tooltip-wrapper:hover .delete-course-disabled-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.empty-state{padding:calc(var(--spacing-xxl) * 2) var(--spacing-xl);color:var(--color-gray);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state span{font-size:calc(var(--font-size-xxl) * 2);color:var(--color-gray);margin-bottom:var(--spacing-s)}.empty-state p{font-size:var(--font-size-m);margin:0}.course-management-v2-container .v2-table th,.sortable-th-btn{font-family:inherit!important;font-size:var(--font-size-l)!important;font-weight:var(--font-weight-bold)!important;color:var(--color-black)!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;text-wrap:balance!important;line-height:1.25!important}.course-management-v2-container .v2-table th{padding:var(--spacing-s) var(--spacing-m);vertical-align:middle!important;font-size:var(--font-size-l)!important}.course-management-v2-container .v2-table th .sortable-th-btn,.course-management-v2-container .sortable-th-btn,.course-management-v2-container .sortable-th-btn>span,.course-management-v2-container .th-label-stacked,.course-management-v2-container .th-label-stacked>span{font-size:var(--font-size-l)!important;font-weight:inherit!important;color:inherit!important;text-transform:inherit!important;letter-spacing:inherit!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:nowrap!important;line-height:1.25!important}.course-management-v2-container .v2-table td{vertical-align:middle}.sortable-th-btn{white-space:nowrap!important;align-items:center!important;gap:var(--spacing-xs)!important;cursor:pointer!important;min-width:auto!important;height:auto!important;text-align:inherit!important;background:0 0!important;border:none!important;border-radius:0!important;flex-wrap:nowrap!important;padding:0!important;transition:color .2s!important;display:inline-flex!important;position:relative!important}.sortable-th-btn>span:first-child{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;text-align:inherit!important;line-height:1.25!important;display:inline!important}.sortable-th-btn .th-label-stacked{white-space:nowrap!important;text-align:center!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;line-height:1.15!important;display:inline-flex!important}.sortable-th-btn .th-label-stacked>span{white-space:nowrap!important;text-align:center!important;line-height:1.15!important;display:block!important}.course-management-v2-container .v2-table th.col-enrolled{white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;text-wrap:balance!important;text-align:center!important;line-height:1.25!important}.sortable-th-btn:hover{color:var(--color-black)!important}.sortable-th-btn,.sortable-th-btn.left-aligned{text-align:left!important;justify-content:flex-start!important;width:auto!important;margin-left:0!important;margin-right:auto!important}.sortable-th-btn.course-name-header-btn{margin-left:0!important}.sortable-th-btn.center-aligned{text-align:center!important;justify-content:center!important;width:auto!important;margin:0 auto!important}.sortable-th-btn.right-aligned{text-align:right!important;justify-content:flex-end!important;width:auto!important;margin-left:auto!important;margin-right:0!important}.sort-indicator-wrapper{flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin-left:2px!important;display:inline-flex!important}.sort-icon-badge{align-items:center;gap:calc(var(--spacing-xs) / 2);line-height:1;transition:all .2s;display:inline-flex}.sort-icon-badge.neutral{color:var(--color-gray);opacity:.6}.sortable-th-btn:hover .sort-icon-badge.neutral{opacity:1;color:var(--color-primaryPink)}.sort-icon-badge.active{color:var(--color-primaryPink);opacity:1}.sort-arrow-icon{-webkit-user-select:none;user-select:none;line-height:1;display:inline-block;font-size:var(--font-size-l)!important}.sort-letter-stack{font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;line-height:.85;display:inline-flex}.sort-letter-top,.sort-letter-bottom{display:block}.sort-bars-stack{width:var(--font-size-l);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:2.5px;line-height:1;display:inline-flex}.sort-bar{border-radius:var(--radius-pill);background-color:currentColor;height:2.5px;transition:width .2s;display:block}.sort-bars-desc .sort-bar-1{width:100%}.sort-bars-desc .sort-bar-2{width:75%}.sort-bars-desc .sort-bar-3{width:50%}.sort-bars-desc .sort-bar-4,.sort-bars-asc .sort-bar-1{width:25%}.sort-bars-asc .sort-bar-2{width:50%}.sort-bars-asc .sort-bar-3{width:75%}.sort-bars-asc .sort-bar-4{width:100%}.sort-calendar-stack{justify-content:center;align-items:center;gap:var(--spacing-xs);-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex}.sort-cal-icon{line-height:1;font-size:var(--font-size-l)!important}.sort-date-dot{border-radius:var(--radius-pill);background-color:currentColor;width:4px;height:4px;display:block}.sort-cal-latest{flex-direction:column}.sort-cal-oldest{flex-direction:column-reverse}.sort-tooltip{top:calc(100% + var(--spacing-s));background-color:var(--color-white);border:1px solid var(--color-borderGray);color:var(--color-gray);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:normal;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-small);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:var(--z-index-dropdown,10);box-shadow:var(--shadow-soft);transition:opacity .2s,visibility .2s;position:absolute;left:50%;transform:translate(-50%)}.sort-tooltip:before{content:"";border:var(--spacing-xs) solid transparent;border-bottom-color:var(--color-borderGray);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.sort-tooltip:after{content:"";border:calc(var(--spacing-xs) - 1px) solid transparent;border-bottom-color:var(--color-white);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.sort-tooltip-left{left:0;transform:none}.sort-tooltip-left:before,.sort-tooltip-left:after{left:var(--spacing-l);transform:none}.sort-tooltip-right{left:auto;right:0;transform:none}.sort-tooltip-right:before,.sort-tooltip-right:after{left:auto;right:var(--spacing-l);transform:none}.sortable-th-btn:hover .sort-tooltip{opacity:1;visibility:visible}@media (width<=1200px){.course-management-v2-container .v2-table th,.course-management-v2-container .sortable-th-btn,.course-management-v2-container .sortable-th-btn>span,.course-management-v2-container .th-label-stacked,.course-management-v2-container .th-label-stacked>span{font-size:var(--font-size-l)!important}.course-management-v2-container .v2-table th,.course-management-v2-container .v2-table td{padding:var(--spacing-s) var(--spacing-m)!important}.course-thumbnail,.course-thumbnail-placeholder{width:32px;height:32px}.course-thumbnail-placeholder .material-symbols-outlined{font-size:var(--font-size-xl)!important}.course-name-text,.enrolled-students-wrapper,.rating-text,.date-wrapper{font-size:var(--font-size-l)!important}.category-badge{padding:3px var(--spacing-s);font-size:var(--font-size-l)!important}}@media (width<=1024px){.course-management-v2-container{padding:var(--spacing-l)}.search-input-container{width:240px}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.table-wrapper table{width:100%;min-width:700px}.course-management-v2-container .v2-table th,.course-management-v2-container .sortable-th-btn,.course-management-v2-container .sortable-th-btn>span,.course-management-v2-container .th-label-stacked,.course-management-v2-container .th-label-stacked>span{font-size:var(--font-size-m)!important}.course-management-v2-container .v2-table th{padding:var(--spacing-xs) var(--spacing-s)!important}.course-management-v2-container .v2-table td{padding:var(--spacing-s) var(--spacing-xs)!important}.course-thumbnail,.course-thumbnail-placeholder{width:28px;height:28px}.course-thumbnail-placeholder .material-symbols-outlined{font-size:var(--font-size-m)!important}.course-name-text,.enrolled-students-wrapper,.rating-text,.date-wrapper{font-size:var(--font-size-s)!important}.category-badge{padding:2px var(--spacing-xs);font-size:var(--font-size-s)!important}.star-icon{font-size:var(--font-size-l)}.sort-arrow-icon{font-size:var(--font-size-m)!important}.sort-letter-stack{font-size:var(--font-size-s)!important}.sort-cal-icon{font-size:var(--font-size-m)!important}.sort-bars-stack{width:11px!important}}@media (width<=768px){.course-management-v2-container{padding:var(--spacing-m);gap:var(--spacing-l)}.page-header{align-items:stretch;gap:var(--spacing-m);flex-direction:column}.page-header h1{font-size:var(--font-size-xl)}.page-header button{justify-content:center;width:100%}.controls-row{align-items:stretch;gap:var(--spacing-s);flex-direction:column}.search-filter-group{width:100%}.filter-sort-group{justify-content:flex-end;width:100%;display:flex}.search-wrapper,.search-input-container,.v2-search-input{width:100%}.filter-dropdown-container{flex-grow:0;width:auto;display:inline-flex;position:relative}.filter-toggle-btn{width:auto!important}.active-filters-row{gap:var(--spacing-xs);flex-wrap:wrap}.filter-popover{top:calc(100% + var(--spacing-xs));width:260px;max-width:calc(100vw - var(--spacing-m));z-index:var(--z-index-dropdown,10);position:absolute;right:0;transform:none}.filter-popover-header{padding:var(--spacing-s) var(--spacing-m)}.filter-popover-body{padding:var(--spacing-m);gap:var(--spacing-s)}.filter-label{font-size:var(--font-size-l)}.filter-select-input,.date-picker-input{font-size:var(--font-size-l);height:36px;padding:0 var(--spacing-s)}.filter-popover-footer{padding:var(--spacing-s) var(--spacing-m)}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.table-wrapper table{width:100%;min-width:660px}.col-course-name{min-width:140px}.col-category{min-width:95px}.col-enrolled{min-width:88px!important}.col-rating{min-width:108px!important}.col-date{min-width:85px!important}.col-status,.col-actions{min-width:95px}.course-name-wrapper{gap:var(--spacing-xs);min-width:0}.course-thumbnail,.course-thumbnail-placeholder{flex-shrink:0;width:26px;height:26px;display:flex!important}.course-thumbnail-placeholder .material-symbols-outlined{font-size:var(--font-size-s)!important}.course-name-text,.enrolled-students-wrapper,.rating-text,.date-wrapper{line-height:1.25;font-size:var(--font-size-xs)!important}.category-badge{padding:2px var(--spacing-xs);font-size:var(--font-size-xs)!important}.star-icon{font-size:var(--font-size-m)}.actions-wrapper{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-flow:row}.preview-btn,.view-sessions-btn{width:auto!important;min-width:52px!important;font-size:var(--font-size-xs)!important;padding:0 var(--spacing-s)!important;height:28px!important}.three-dot-menu-wrapper .icon-btn{width:28px!important;min-width:28px!important;height:28px!important}.three-dot-menu-wrapper .material-symbols-outlined{font-size:var(--font-size-m)!important}.course-management-v2-container .v2-table th,.course-management-v2-container .sortable-th-btn,.course-management-v2-container .sortable-th-btn>span,.course-management-v2-container .th-label-stacked,.course-management-v2-container .th-label-stacked>span{font-size:var(--font-size-xs)!important}.course-management-v2-container .v2-table th{padding:calc(var(--spacing-xs) / 2) var(--spacing-xs)!important}.course-management-v2-container .v2-table td{padding:6px var(--spacing-xs)!important}.sort-arrow-icon{font-size:var(--font-size-s)!important}.sort-letter-stack{font-size:var(--font-size-xs)!important}.sort-cal-icon{font-size:var(--font-size-s)!important}.sort-bars-stack{width:10px!important}.status-trigger-btn{box-sizing:border-box!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:25px!important;font-size:var(--font-size-s)!important;border-radius:4px!important;padding:0 5px!important}.status-label-text{font-size:var(--font-size-s)!important;line-height:1!important}.status-chevron{font-size:var(--font-size-m)!important;margin-left:1px!important}.status-popup-card{border-radius:4px!important;width:95px!important;min-width:95px!important;padding:3px!important}.status-option-btn{font-size:var(--font-size-s)!important;padding:4px 6px!important}}@media (width<=480px){.course-management-v2-container{padding:var(--spacing-s)}.page-header h1{font-size:var(--font-size-l)}.course-thumbnail,.course-thumbnail-placeholder{width:22px!important;height:22px!important}.course-thumbnail-placeholder .material-symbols-outlined{font-size:13px!important}.course-name-text,.enrolled-students-wrapper,.rating-text,.date-wrapper{font-size:10.5px!important}.category-badge{padding:1px 4px!important;font-size:10px!important}.course-management-v2-container .v2-table th,.course-management-v2-container .sortable-th-btn,.course-management-v2-container .sortable-th-btn>span,.course-management-v2-container .th-label-stacked,.course-management-v2-container .th-label-stacked>span{font-size:10.5px!important}.course-management-v2-container .v2-table th{padding:3px 4px!important}.course-management-v2-container .v2-table td{padding:4px!important}.course-management-v2-container .v2-table th.col-enrolled,.col-enrolled{min-width:84px!important;padding:3px 2px!important}.course-management-v2-container .v2-table th.col-rating,.col-rating{min-width:100px!important;padding:3px 2px!important}.course-management-v2-container .v2-table th.col-date,.col-date{min-width:80px!important}.sort-arrow-icon{font-size:var(--font-size-xs)!important}.sort-letter-stack{font-size:9px!important}.sort-cal-icon{font-size:var(--font-size-xs)!important}.sort-bars-stack{width:8px!important}.sortable-th-btn.course-name-header-btn{margin-left:0!important}.status-trigger-btn{box-sizing:border-box!important;width:74px!important;min-width:74px!important;max-width:74px!important;height:22px!important;font-size:var(--font-size-xs)!important;border-radius:3px!important;padding:0 4px!important}.status-label-text{font-size:var(--font-size-xs)!important}.status-chevron{font-size:var(--font-size-s)!important}.status-popup-card{width:85px!important;min-width:85px!important;padding:2px!important}.status-option-btn{font-size:var(--font-size-xs)!important;padding:3px 5px!important}.preview-btn,.view-sessions-btn{width:auto!important;min-width:44px!important;padding:0 var(--spacing-xs)!important;height:24px!important;font-size:10px!important}.three-dot-menu-wrapper .icon-btn{width:24px!important;min-width:24px!important;height:24px!important}.filter-pill{font-size:var(--font-size-xs)}.empty-state{padding:var(--spacing-xl) var(--spacing-m)}}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.v2-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;min-width:100%}.v2-table th,.v2-table td{padding:var(--spacing-s) var(--spacing-m);border-bottom:1px solid var(--color-borderGray);vertical-align:middle}.v2-table th{background-color:var(--color-paleGray);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);text-transform:none;letter-spacing:normal;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-wrap:balance;line-height:1.25;position:relative;overflow:visible}.v2-table td{font-size:var(--font-size-l);color:var(--color-black);word-wrap:break-word;white-space:normal}.v2-table-align-left{text-align:left!important}.v2-table-align-center{text-align:center!important}.v2-table-align-right{text-align:right!important}.v2-table-empty-cell{text-align:center}.v2-table tr:hover td{background-color:var(--color-paleGray)}.v2-table tr.v2-table-row-clickable{cursor:pointer}.v2-table tr.v2-table-row-clickable td{transition:background-color .15s}.v2-table tr.v2-table-row-clickable:hover td{background-color:var(--color-softGray)}.v2-table tr:last-child td{border-bottom:none}@media (width<=1024px){.v2-table th,.v2-table td{padding:var(--spacing-xs) var(--spacing-s)}.v2-table td,.v2-table th{font-size:var(--font-size-s)}}@media (width<=768px){.v2-table th,.v2-table td{padding:calc(var(--spacing-xs) / 2) var(--spacing-xs)}.v2-table td,.v2-table th{font-size:var(--font-size-xs)}}@media (width<=480px){.v2-table th,.v2-table td{padding:3px 6px}.v2-table td,.v2-table th{font-size:var(--font-size-s)}}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.crop-modal__overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;padding:var(--spacing-xl) var(--spacing-l);box-sizing:border-box;background-color:#191c1eb8;justify-content:center;align-items:center;animation:.22s ease-out cropModalFadeIn;display:flex;position:fixed;inset:0}@keyframes cropModalFadeIn{0%{opacity:0}to{opacity:1}}.crop-modal{background:var(--color-white);border-radius:var(--radius-large);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-soft), 0 0 0 1px var(--color-borderGray);flex-direction:column;animation:.26s cubic-bezier(.16,1,.3,1) cropModalPop;display:flex;overflow:hidden}@keyframes cropModalPop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.crop-modal__header{padding:var(--spacing-l) var(--spacing-xl);border-bottom:1px solid var(--color-borderGray);background:var(--color-white);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.crop-modal__title-group{align-items:center;gap:var(--spacing-m);display:flex}.crop-modal__title-badge{width:calc(var(--spacing-xxl) + var(--spacing-xs));height:calc(var(--spacing-xxl) + var(--spacing-xs));border-radius:var(--radius-medium);background:var(--color-primaryPinkSoft);color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.crop-modal__title-badge span{font-size:var(--font-size-xxl)}.crop-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);letter-spacing:-.01em;margin:0}.crop-modal__subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-m);color:var(--color-gray)}.crop-modal__close-btn{cursor:pointer;color:var(--color-darkGray);width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-small);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.crop-modal__close-btn:hover{background:var(--color-paleGray);color:var(--color-black)}.crop-modal__body{padding:var(--spacing-l) var(--spacing-xl);gap:var(--spacing-m);background:var(--color-white);scrollbar-width:thin;scrollbar-color:var(--color-borderGray) transparent;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.crop-modal__body::-webkit-scrollbar{width:var(--spacing-xs)}.crop-modal__body::-webkit-scrollbar-track{background:0 0}.crop-modal__body::-webkit-scrollbar-thumb{background-color:var(--color-borderGray);border-radius:var(--radius-pill)}.crop-modal__toolbar{background:var(--color-background);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);padding:var(--spacing-xs);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.crop-modal__tool-group{align-items:center;gap:var(--spacing-xs);width:100%;display:flex}.crop-modal__tool-btn{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-small);padding:var(--spacing-xs) var(--spacing-m);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-darkGray);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;transition:all .15s;display:flex}.crop-modal__tool-btn span.material-symbols-outlined{font-size:var(--font-size-xl)}.crop-modal__tool-btn:hover{background:var(--color-softGray);color:var(--color-black)}.crop-modal__tool-btn.is-active{background:var(--color-white);color:var(--color-primaryPink);box-shadow:var(--shadow-soft);border:1px solid var(--color-primaryPink);font-weight:var(--font-weight-bold)}.crop-modal__tool-btn--reset{color:var(--color-gray);margin-left:auto}.crop-modal__tool-btn--reset:hover{color:var(--color-errorRed);background:var(--color-errorRedLight)}.crop-modal__tool-divider{width:1px;height:var(--spacing-l);background:var(--color-borderGray);margin:0 var(--spacing-xs)}.crop-modal__aspect-section{align-items:center;gap:var(--spacing-s);padding:var(--spacing-xs) 0;flex-wrap:wrap;flex-shrink:0;display:flex}.crop-modal__aspect-header{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-darkGray);text-transform:uppercase;letter-spacing:.04em;margin-right:var(--spacing-xs);display:flex}.crop-modal__aspect-icon{font-size:var(--font-size-xl);color:var(--color-primaryPink)}.crop-modal__aspect-chips{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.crop-modal__aspect-chip{align-items:center;gap:var(--spacing-xs);background:var(--color-paleGray);border:1px solid var(--color-borderGray);border-radius:var(--radius-pill);padding:var(--spacing-xs) var(--spacing-m);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .16s;display:flex}.crop-modal__chip-label{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black)}.crop-modal__chip-tag{font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-gray)}.crop-modal__aspect-chip:hover{background:var(--color-softGray);border-color:var(--color-warmGray);transform:translateY(-1px)}.crop-modal__aspect-chip.is-selected{background:var(--color-primaryPink);border-color:var(--color-primaryPink);box-shadow:0 2px 6px #79546552}.crop-modal__aspect-chip.is-selected .crop-modal__chip-label{color:var(--color-white)}.crop-modal__aspect-chip.is-selected .crop-modal__chip-tag{color:var(--color-primaryPinkSoft)}.crop-modal__aspect-chip--locked{cursor:default!important}.crop-modal__aspect-chip--locked:hover{transform:none!important}.crop-modal__lock-icon{font-size:var(--font-size-l)!important;color:var(--color-primaryPinkSoft)!important}.crop-modal__stage{background:var(--color-black);border-radius:var(--radius-chip);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:380px;max-height:380px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000073}.crop-modal__canvas-wrapper{border-radius:var(--radius-tiny);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.crop-modal__image{pointer-events:none;transform-origin:50%;will-change:transform;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.crop-box{border:1.5px solid var(--color-white);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;z-index:var(--z-index-dropdown,10);box-sizing:border-box;position:absolute;box-shadow:0 0 0 9999px #00000094}.crop-box.is-dragging{border-color:var(--color-primaryPinkSoft)}.crop-box__grid-v1,.crop-box__grid-v2{pointer-events:none;background:#ffffff52;width:1px;position:absolute;top:0;bottom:0}.crop-box__grid-v1{left:33.333%}.crop-box__grid-v2{left:66.666%}.crop-box__grid-h1,.crop-box__grid-h2{pointer-events:none;background:#ffffff52;height:1px;position:absolute;left:0;right:0}.crop-box__grid-h1{top:33.333%}.crop-box__grid-h2{top:66.666%}.crop-box.is-dragging .crop-box__grid-v1,.crop-box.is-dragging .crop-box__grid-v2,.crop-box.is-dragging .crop-box__grid-h1,.crop-box.is-dragging .crop-box__grid-h2{background:#fff9}.crop-box__bracket{width:var(--spacing-m);height:var(--spacing-m);pointer-events:none;position:absolute}.crop-box__bracket--tl{border-top:3px solid var(--color-white);border-left:3px solid var(--color-white);top:-1px;left:-1px}.crop-box__bracket--tr{border-top:3px solid var(--color-white);border-right:3px solid var(--color-white);top:-1px;right:-1px}.crop-box__bracket--bl{border-bottom:3px solid var(--color-white);border-left:3px solid var(--color-white);bottom:-1px;left:-1px}.crop-box__bracket--br{border-bottom:3px solid var(--color-white);border-right:3px solid var(--color-white);bottom:-1px;right:-1px}.crop-handle{width:var(--spacing-m);height:var(--spacing-m);background:var(--color-white);border:2px solid var(--color-primaryPink);border-radius:var(--radius-tiny);z-index:var(--z-index-sticky,20);box-sizing:border-box;position:absolute;box-shadow:0 1px 4px #0006}.crop-handle:after{content:"";position:absolute;inset:-10px}.crop-handle--tl{cursor:nwse-resize;top:-6px;left:-6px}.crop-handle--tr{cursor:nesw-resize;top:-6px;right:-6px}.crop-handle--bl{cursor:nesw-resize;bottom:-6px;left:-6px}.crop-handle--br{cursor:nwse-resize;bottom:-6px;right:-6px}.crop-handle:hover{background:var(--color-primaryPinkSoft);transform:scale(1.2)}.crop-modal__hint-chip{bottom:var(--spacing-m);align-items:center;gap:var(--spacing-xs);-webkit-backdrop-filter:blur(6px);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);pointer-events:none;letter-spacing:.01em;z-index:25;background:#191c1ed9;border:1px solid #ffffff24;display:flex;position:absolute;left:50%;transform:translate(-50%)}.crop-modal__hint-icon{font-size:var(--font-size-l)}.crop-modal__footer{padding:var(--spacing-m) var(--spacing-xl);border-top:1px solid var(--color-borderGray);background:var(--color-white);justify-content:space-between;align-items:center;gap:var(--spacing-m);flex-shrink:0;display:flex}.crop-modal__meta-pill{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-darkGray);background:var(--color-paleGray);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-small);display:flex}.crop-modal__meta-icon{font-size:var(--font-size-xl)}.crop-modal__footer-actions{align-items:center;gap:var(--spacing-s);display:flex}.crop-modal__btn-cancel{min-width:80px}.crop-modal__btn-ok{min-width:100px}.cb2-container{padding:var(--spacing-xl) var(--spacing-xxl);box-sizing:border-box;gap:var(--spacing-l);width:100%;font-family:var(--font-primary);background:var(--color-background);flex-direction:column;display:flex}.cb2-container .page-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:flex-start;display:flex}.cb2-container .page-title-row{align-items:flex-start;gap:var(--spacing-m);width:100%;display:flex}.cb2-container .page-title-text-group{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.cb2-container .page-title-row h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.25}.cb2-container .page-subtitle{font-size:var(--font-size-m);color:var(--color-gray);font-weight:var(--font-weight-normal);margin:0;line-height:1.4}.cb2-save-btn{min-width:120px;height:var(--spacing-xxl)!important;font-size:var(--font-size-s)!important;padding:var(--spacing-s) var(--spacing-xl)!important;font-weight:var(--font-weight-medium)!important}.cb2-secondary-nav{z-index:var(--z-index-sticky);background-color:var(--color-white);border-bottom:1px solid var(--color-borderGray);margin:calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-xxl)) 0 calc(-1 * var(--spacing-xxl));padding:var(--spacing-m) var(--spacing-xxl);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.cb2-nav-left,.cb2-nav-brand{align-items:center;gap:var(--spacing-m);display:flex}.admin-panel .cb2-container .back-button,.cb2-container .back-button{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray);cursor:pointer;box-shadow:var(--shadow-soft);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex!important}.admin-panel .cb2-container .back-button:hover,.cb2-container .back-button:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);border-color:var(--color-primaryPink);transform:translate(-2px)}.cb2-container .back-button .material-symbols-outlined{font-size:var(--font-size-l);line-height:1}.cb2-mobile-close{display:none!important}.cb2-desktop-close{display:flex!important}.cb2-nav-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap}.cb2-nav-divider{width:1px;height:calc(var(--spacing-xl) + var(--spacing-xs));background:var(--color-borderGray)}.cb2-nav-steps{align-items:center;gap:var(--spacing-m);display:flex}.cb2-nav-step{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-gray);align-items:center;gap:var(--spacing-m);cursor:pointer;white-space:nowrap;transition:color .2s;display:flex}.cb2-step-text{white-space:nowrap}.cb2-nav-step:not(.active):hover{color:var(--color-darkGray)}.cb2-nav-step:not(.active):hover .cb2-step-circle{border-color:var(--color-darkGray);color:var(--color-darkGray)}.cb2-nav-step.active{color:var(--color-primaryPink);cursor:default}.cb2-step-circle{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);border:2px solid var(--color-borderGray);background:var(--color-white);color:var(--color-gray);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.cb2-nav-step.active .cb2-step-circle{border-color:var(--color-primaryPink);background:var(--color-primaryPink);color:var(--color-white)}.cb2-nav-separator{width:var(--sidebar-logo-size);background:var(--color-borderGray);height:2px}.cb2-nav-actions{align-items:center;gap:var(--spacing-m);display:flex}.cb2-btn-draft{white-space:nowrap;background-color:var(--color-primaryPinkSoft)!important;width:auto!important;color:var(--color-primaryPink)!important;gap:var(--spacing-s)!important;border:none!important}.cb2-draft-icon{flex-shrink:0;font-size:var(--font-size-xl)!important}.cb2-draft-text{white-space:nowrap}.cb2-btn-publish{white-space:nowrap;background-color:var(--color-primaryPink)!important;width:auto!important;color:var(--color-white)!important;border:none!important}.cb2-nav-actions-divider{width:1px;height:var(--spacing-xl);background:var(--color-borderGray)}.cb2-icon-btn-nav{cursor:pointer;color:var(--color-gray);padding:var(--spacing-s);border-radius:var(--radius-small);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.cb2-icon-btn-nav:hover{background:var(--color-softGray);color:var(--color-black)}.cb2-header{align-items:center;gap:var(--spacing-m);display:flex}.cb2-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.cb2-main-card{padding:var(--spacing-xxl);background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);flex-direction:column;display:flex}.cb2-content-wrapper{gap:calc(var(--spacing-xxl) + var(--spacing-l));align-items:flex-start;display:flex}.cb2-left-column{gap:var(--spacing-xxl);flex-direction:column;flex:0 0 65%;display:flex}.cb2-right-column{gap:var(--spacing-xxl);flex-direction:column;flex:1;display:flex}.cb2-section{gap:var(--spacing-m);flex-direction:column;display:flex}.cb2-label{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:var(--color-darkGray)}.cb2-sub-label{font-size:var(--font-size-s);color:var(--color-gray);margin-top:calc(-1 * var(--spacing-s));margin-bottom:var(--spacing-xs)}.cb2-input-wrapper{align-items:center;display:flex;position:relative}.cb2-input{width:100%;padding:var(--spacing-l) calc(var(--spacing-xxl) + var(--spacing-l)) var(--spacing-l) var(--spacing-l);border:2px solid var(--color-black);border-radius:var(--radius-medium);font-size:var(--font-size-xl);color:var(--color-black);background:var(--color-white);height:calc(var(--header-height) - var(--spacing-xs));box-sizing:border-box;transition:border-color .2s}.cb2-input:focus{border-color:var(--color-primaryPink);outline:none}.cb2-clear-btn{right:var(--spacing-l);cursor:pointer;color:var(--color-gray);padding:var(--spacing-xs);border-radius:var(--radius-tiny);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.cb2-quill-wrapper{margin-top:var(--spacing-xs)}.cb2-quill-wrapper .quill{border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background:var(--color-white);overflow:hidden}.cb2-quill-wrapper .ql-toolbar{border:none;border-bottom:1px solid var(--color-borderGray);background:var(--color-background);padding:var(--spacing-s) var(--spacing-m)}.cb2-quill-wrapper .ql-container{min-height:calc(var(--sidebar-width) - var(--spacing-xxl));font-family:inherit;font-size:var(--font-size-m);color:var(--color-black);border:none}.cb2-quill-wrapper .ql-editor{padding:var(--spacing-m)}.cb2-feature-card{flex-direction:column;display:flex}.cb2-upload-square{width:100%;min-height:calc(var(--sidebar-width) - var(--spacing-pageMarginDesktop));border:1px dashed var(--color-borderGray);border-radius:var(--radius-medium);background:var(--color-white);cursor:pointer;padding:var(--spacing-l);justify-content:center;align-items:center;transition:all .2s;display:flex;overflow:hidden}.cb2-upload-square:hover{border-color:var(--color-primaryPink);background:var(--color-primaryPinkSoft)}.cb2-upload-empty{align-items:center;gap:var(--spacing-m);color:var(--color-gray);text-align:center;flex-direction:column;display:flex}.cb2-upload-empty .material-symbols-outlined{font-size:var(--font-size-xxl);color:var(--color-gray)}.cb2-upload-btn-placeholder{background:var(--color-primaryPinkSoft);color:var(--color-primaryPink);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-medium);font-weight:var(--font-weight-semibold);font-size:var(--font-size-s);pointer-events:none;border:none}.cb2-thumbnail-wrapper{aspect-ratio:16/9;border-radius:var(--radius-medium);border:1px solid var(--color-borderGray);background:var(--color-white);justify-content:center;align-items:center;width:100%;min-height:180px;display:flex;position:relative;overflow:hidden}.cb2-thumbnail-preview{object-fit:cover;border-radius:var(--radius-medium);width:100%;height:100%}.cb2-thumbnail-overlay{background:var(--color-black);justify-content:center;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity .15s;display:flex;position:absolute;inset:0}.cb2-thumbnail-wrapper:hover .cb2-thumbnail-overlay{opacity:1}.cb2-thumbnail-wrapper .thumb-action-btn{cursor:pointer;background:var(--color-white)!important;border-radius:var(--radius-pill)!important;padding:var(--spacing-xs) var(--spacing-s)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important;align-items:center!important;gap:var(--spacing-xs)!important;color:var(--color-black)!important;border:none!important;width:auto!important;height:auto!important;display:inline-flex!important}.cb2-thumbnail-wrapper .thumb-action-btn:hover{background:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.cb2-hidden-input{display:none}.cb2-upload-hint{color:var(--color-gray);font-size:var(--font-size-xs);margin-top:var(--spacing-m);flex-direction:column;align-items:center;display:flex}.cb2-upload-hint p{margin:calc(var(--spacing-xs) / 2) 0}.cb2-upload-empty .thumbnail-placeholder-img-wrapper{width:100%;max-width:130px;margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;display:flex}.cb2-upload-empty .thumbnail-placeholder-graphic{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-height:80px;display:block}.cb2-category-dropdown-wrapper{width:100%;max-width:100%;position:relative}.cb2-category-trigger{width:100%;height:var(--spacing-xxl);min-height:40px;padding:var(--spacing-xs) var(--spacing-m);background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);font-family:var(--font-primary);font-size:var(--font-size-s);color:var(--color-black);cursor:pointer;box-sizing:border-box;text-align:left;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.cb2-category-trigger:hover,.cb2-category-trigger.active{border-color:var(--color-primaryPink);box-shadow:0 0 0 2px var(--color-primaryPinkSoft)}.cb2-category-trigger-text{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cb2-category-chevron{font-size:var(--font-size-l);color:var(--color-darkGray);transition:transform .2s}.cb2-category-chevron.rotate{transform:rotate(180deg)}.cb2-category-popup{background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);z-index:50;box-sizing:border-box;flex-direction:column;width:100%;max-height:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);bottom:auto;left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.cb2-category-option{width:100%;padding:6px var(--spacing-m);border-radius:var(--radius-small);min-height:32px;font-family:var(--font-primary);font-size:var(--font-size-s);color:var(--color-darkGray);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;transition:background-color .15s,color .15s;display:flex}.cb2-category-option:hover{background-color:var(--color-paleGray);color:var(--color-black)}.cb2-category-option.selected{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);font-weight:var(--font-weight-semibold)}.cb2-cat-check{font-size:var(--font-size-xl);color:var(--color-primaryPink)}.cb2-footer{border-top:1px solid var(--color-borderGray);padding-top:var(--spacing-l);margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}.cb2-next-btn{padding:var(--spacing-s) var(--spacing-l)!important;font-size:var(--font-size-s)!important;height:var(--spacing-xxl)!important}@media (width<=1024px){.cb2-content-wrapper{gap:var(--spacing-xl);flex-direction:column}.cb2-left-column,.cb2-right-column{flex:none;width:100%}}.cb2-title-input-wrapper{margin-top:0!important}.cb2-title-input-wrapper>div{transition:border-color .2s;height:calc(var(--header-height) - var(--spacing-xs))!important;border:2px solid var(--color-black)!important;padding:0 var(--spacing-l)!important;border-radius:var(--radius-medium)!important}.cb2-title-input-wrapper>div:focus-within{border-color:var(--color-primaryPink)!important}.cb2-title-input-wrapper.has-error>div{border-color:var(--color-errorRed)!important;box-shadow:0 0 0 2px var(--color-errorRedLight)!important}.cb2-section .required-star{color:var(--color-errorRed);margin-left:2px}.modal-field-error{font-size:var(--font-size-l);color:var(--color-errorRed);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xs);margin-top:6px;display:flex}.modal-field-error .material-symbols-outlined{font-size:var(--font-size-xl)}.cb2-title-input{font-size:var(--font-size-xl)!important;height:100%!important}.cb2-clear-btn{cursor:pointer;color:var(--color-gray);padding:var(--spacing-xs);border-radius:var(--radius-tiny);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative!important;right:auto!important}.cb2-clear-btn:hover{background:var(--color-softGray);color:var(--color-black)}.cb2-container,.cb2-main-card,.cb2-content-wrapper,.cb2-left-column,.cb2-right-column{box-sizing:border-box;min-width:0}.cb2-container{width:100%}.cb2-content-wrapper{gap:var(--spacing-xl)}.cb2-left-column,.cb2-right-column{min-width:0}.cb2-input,.cb2-title-input-wrapper,.cb2-quill-wrapper,.cb2-category-dropdown-wrapper{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.cb2-upload-square{box-sizing:border-box;max-width:100%}.cb2-thumbnail-preview{max-width:100%;display:block}.cb2-footer{gap:var(--spacing-m);flex-wrap:wrap}@media (width<=1024px){.cb2-container{padding:var(--spacing-l);gap:var(--spacing-l)}.cb2-secondary-nav{z-index:var(--z-index-sticky);margin:calc(-1 * var(--spacing-l)) calc(-1 * var(--spacing-l)) 0 calc(-1 * var(--spacing-l));padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-m);position:sticky;top:0}.cb2-nav-title{font-size:var(--font-size-l)}.cb2-nav-steps{gap:var(--spacing-s)}.cb2-nav-step{font-size:var(--font-size-m);gap:var(--spacing-s)}.cb2-step-circle{width:calc(var(--spacing-xl) + var(--spacing-xs));height:calc(var(--spacing-xl) + var(--spacing-xs));font-size:var(--font-size-s)}.cb2-nav-separator{width:var(--spacing-l)}.cb2-content-wrapper{gap:var(--spacing-xl);flex-direction:column;width:100%}.cb2-left-column,.cb2-right-column{flex:auto;width:100%}.cb2-main-card{padding:var(--spacing-l)}}@media (width<=768px){.cb2-container{padding:var(--spacing-m);gap:var(--spacing-l)}.cb2-secondary-nav{z-index:var(--z-index-sticky);margin:calc(-1 * var(--spacing-m)) calc(-1 * var(--spacing-m)) 0 calc(-1 * var(--spacing-m));padding:var(--spacing-s) var(--spacing-m);align-items:stretch;gap:var(--spacing-s);box-shadow:var(--shadow-soft);flex-direction:column;display:flex;position:sticky;top:0}.cb2-nav-left{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.cb2-nav-brand{justify-content:space-between;align-items:center;gap:var(--spacing-s);width:100%;display:flex}.cb2-nav-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cb2-mobile-close{flex-shrink:0;display:flex!important}.cb2-desktop-close{display:none!important}.cb2-nav-divider,.cb2-nav-actions-divider{display:none}.cb2-nav-steps{justify-content:center;align-items:center;gap:var(--spacing-m);width:100%;padding:calc(var(--spacing-xs) / 2) 0;flex-direction:row;display:flex}.cb2-nav-step{font-size:var(--font-size-s);gap:var(--spacing-xs);white-space:nowrap}.cb2-step-circle{width:calc(var(--spacing-l) + var(--spacing-xs));height:calc(var(--spacing-l) + var(--spacing-xs));font-size:var(--font-size-xs);flex-shrink:0}.cb2-nav-separator{width:var(--spacing-m);flex-shrink:0;height:2px;display:block}.cb2-nav-actions{align-items:center;gap:var(--spacing-s);flex-direction:row;width:100%;display:flex}.cb2-btn-draft,.cb2-btn-publish{white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex;width:auto!important;height:calc(var(--spacing-xxl) + var(--spacing-xs))!important;padding:var(--spacing-xs) var(--spacing-s)!important;font-size:var(--font-size-s)!important}.cb2-draft-icon{font-size:var(--font-size-m)!important}.cb2-draft-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cb2-header h1{font-size:var(--font-size-xl)}.cb2-main-card{padding:var(--spacing-m)}.cb2-input{height:auto;min-height:calc(var(--spacing-xxl) + var(--spacing-pageMarginMobile));padding:var(--spacing-m);font-size:var(--font-size-m)}.cb2-title-input-wrapper>div{min-height:calc(var(--spacing-xxl) + var(--spacing-pageMarginMobile));height:auto!important}.cb2-title-input{font-size:var(--font-size-m)!important}.cb2-quill-wrapper .ql-toolbar{padding:var(--spacing-s)}.cb2-quill-wrapper .ql-editor{padding:var(--spacing-s);overflow-wrap:anywhere}.cb2-upload-square{min-height:calc(var(--sidebar-width) - var(--spacing-pageMarginDesktop) - var(--spacing-pageMarginMobile) - var(--spacing-xxl));padding:var(--spacing-m)}.cb2-category-dropdown-wrapper{max-width:100%}.cb2-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-m)}.cb2-next-btn{width:100%;min-height:var(--sidebar-logo-size);height:auto!important}}@media (width<=480px){.cb2-container{padding:var(--spacing-s);gap:var(--spacing-m)}.cb2-secondary-nav{margin:calc(-1 * var(--spacing-s)) calc(-1 * var(--spacing-s)) 0 calc(-1 * var(--spacing-s));padding:var(--spacing-xs) var(--spacing-s);gap:var(--radius-small)}.cb2-nav-brand{gap:var(--spacing-xs)}.cb2-nav-title{font-size:var(--font-size-m)}.cb2-nav-steps{gap:var(--spacing-s);flex-direction:row;padding:0}.cb2-nav-step{font-size:var(--font-size-xs);gap:var(--spacing-xs)}.cb2-step-circle{width:var(--spacing-l);height:var(--spacing-l);font-size:var(--font-size-xs)}.cb2-nav-separator{width:var(--spacing-s);display:block}.cb2-nav-actions{align-items:center;gap:var(--radius-small);flex-direction:row}.cb2-btn-draft,.cb2-btn-publish{height:var(--spacing-xxl)!important;font-size:var(--font-size-xs)!important;padding:0 var(--radius-small)!important;gap:var(--spacing-xs)!important}.cb2-draft-icon{font-size:var(--font-size-m)!important}.cb2-upload-square{min-height:calc(var(--sidebar-logo-size) * 3 + var(--spacing-xxl))}}.cb2-sessions-section{gap:var(--spacing-m);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-borderGray);flex-direction:column;display:flex}.cb2-sessions-header{justify-content:space-between;align-items:center;gap:var(--spacing-m);flex-wrap:wrap;display:flex}.cb2-sessions-title-group{align-items:center;gap:var(--spacing-s);display:flex}.cb2-sessions-icon{font-size:var(--font-size-xxl);color:var(--color-primaryPink)}.cb2-sessions-title{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.cb2-sessions-subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-gray)}.cb2-sessions-list{gap:var(--spacing-s);flex-direction:column;display:flex}.cb2-session-card{justify-content:space-between;align-items:center;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-l);background-color:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);transition:all .2s;display:flex}.cb2-session-card:hover{border-color:var(--color-primaryPinkLight);box-shadow:0 4px 16px #00000014}.cb2-session-card-left{align-items:center;gap:var(--spacing-m);flex:1;min-width:0;display:flex}.cb2-session-index-pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primaryPink);background-color:var(--color-primaryPinkSoft);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}.cb2-session-details{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.cb2-session-card-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.cb2-session-card-meta{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}.cb2-session-meta-chip{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-darkGray);background-color:var(--color-paleGray);padding:2px var(--spacing-s);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);display:inline-flex}.cb2-session-meta-chip .material-symbols-outlined{font-size:var(--font-size-s);color:var(--color-primaryPink)}.cb2-session-desc-snippet{font-size:var(--font-size-xs);color:var(--color-gray);white-space:nowrap;text-overflow:ellipsis;max-width:350px;overflow:hidden}.cb2-session-card-actions{align-items:center;gap:var(--spacing-s);flex-shrink:0;display:flex}.cb2-session-del-btn{color:var(--color-gray)!important;border-radius:var(--radius-pill)!important}.cb2-session-del-btn:hover{color:var(--color-errorRed)!important;background-color:var(--color-errorRedLight)!important}@media (width<=640px){.cb2-session-card{flex-direction:column;align-items:flex-start}.cb2-session-card-actions{justify-content:flex-end;width:100%}}.course-url-slug-row{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-s);font-size:var(--font-size-m);color:var(--color-gray);flex-wrap:wrap;line-height:1.5;display:flex}.course-url-label{font-weight:var(--font-weight-bold);color:var(--color-darkGray);font-size:var(--font-size-m)}.course-url-full{word-break:break-all;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.course-url-prefix{color:var(--color-gray);font-size:var(--font-size-m)}.course-url-slug-text{font-weight:var(--font-weight-semibold);color:var(--color-black);font-size:var(--font-size-m);text-decoration:underline;-webkit-text-decoration-color:var(--color-borderGray);text-decoration-color:var(--color-borderGray);text-underline-offset:3px;background:0 0;border:none;border-radius:0;padding:0}.course-url-edit-btn{color:var(--color-gray);cursor:pointer;border-radius:var(--radius-small);background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:inline-flex}.course-url-edit-btn:hover{background-color:var(--color-paleGray);color:var(--color-black)}.course-url-edit-btn .material-symbols-outlined{font-size:var(--font-size-l)}.course-url-edit-container{align-items:center;gap:var(--spacing-xs);display:inline-flex}.course-url-slug-input{font-size:var(--font-size-m);border:1px solid var(--color-borderGray);border-radius:var(--radius-small);color:var(--color-black);background:var(--color-white);box-sizing:border-box;outline:none;min-width:150px;height:28px;padding:2px 8px;font-family:inherit}.course-url-slug-input:focus{border-color:var(--color-warmGray);box-shadow:0 0 0 2px var(--color-paleGray)}.course-url-action-btn{border-radius:var(--radius-small);border:1px solid var(--color-borderGray);background:var(--color-white);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}.course-url-action-btn.save{color:var(--color-successGreen);border-color:var(--color-successGreenLight)}.course-url-action-btn.save:hover{background-color:var(--color-successGreenLight)}.course-url-action-btn.cancel{color:var(--color-errorRed);border-color:var(--color-errorRedLight)}.course-url-action-btn.cancel:hover{background-color:var(--color-errorRedLight)}.course-url-action-btn .material-symbols-outlined{font-size:var(--font-size-m)}.view-sessions-v2-container{width:100%;padding:var(--spacing-xl);box-sizing:border-box;gap:var(--spacing-xl);font-family:var(--font-primary);flex-direction:column;display:flex}.view-sessions-v2-container .page-header{justify-content:space-between;align-items:center;gap:var(--spacing-m);margin-bottom:0;display:flex}.view-sessions-v2-container .page-title-row{align-items:flex-start;gap:var(--spacing-m);flex:1;min-width:0;display:flex}.view-sessions-header-actions{align-items:center;gap:var(--spacing-s);flex-shrink:0;display:flex}.view-sessions-header-actions .btn-keep-draft,.view-sessions-header-actions .btn-publish-course{align-items:center;gap:var(--spacing-xs);white-space:nowrap;display:inline-flex;height:var(--spacing-xxl)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-medium)!important;padding:0 var(--spacing-l)!important}.view-sessions-header-actions .btn-keep-draft .material-symbols-outlined{font-size:var(--font-size-m)}.view-sessions-v2-container .page-title-text-group{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.view-sessions-v2-container .page-title-row h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);word-break:break-word;overflow-wrap:break-word;margin:0;line-height:1.25}.view-sessions-v2-container .page-subtitle{font-size:var(--font-size-m);color:var(--color-gray);font-weight:var(--font-weight-normal);word-break:break-word;margin:0;line-height:1.4}.admin-panel .view-sessions-v2-container .back-button,.view-sessions-v2-container .back-button{border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background:var(--color-white);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-darkGray);cursor:pointer;box-shadow:var(--shadow-soft);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;transition:all .2s;display:inline-flex!important}.admin-panel .view-sessions-v2-container .back-button:hover,.view-sessions-v2-container .back-button:hover{background:var(--color-primaryPinkSoft);color:var(--color-primaryPink);border-color:var(--color-primaryPink);transform:translate(-2px)}.view-sessions-v2-container .back-button .material-symbols-outlined{font-size:var(--font-size-l)}.course-overview-card{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-l) var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative;box-shadow:0 2px 10px #0000000a;overflow:visible!important}.course-overview-card:hover{z-index:50;overflow:visible!important}.course-overview-card:has(.disabled-delete-tooltip-wrapper:hover){z-index:50;overflow:visible!important}.course-overview-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-l);flex-wrap:wrap;display:flex;overflow:visible!important}.course-overview-left{align-items:flex-start;gap:var(--spacing-m);flex:1;min-width:280px;display:flex}.course-avatar-box{border-radius:var(--radius-medium);background:var(--color-primaryPinkSoft);width:52px;min-width:52px;height:52px;color:var(--color-primaryPink);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.course-avatar-box img{object-fit:cover;width:100%;height:100%}.course-overview-details{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.course-title-badge-row{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}.course-title-badge-row h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.course-desc-text{font-size:var(--font-size-m);color:var(--color-gray);max-width:720px;margin:0;line-height:1.45}.course-meta-tags-row{align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-xs);font-size:var(--font-size-s);color:var(--color-darkGray);flex-wrap:wrap;display:flex}.course-meta-item{align-items:center;gap:var(--spacing-xs);display:inline-flex}.course-meta-item .material-symbols-outlined{font-size:var(--font-size-m);color:var(--color-primaryPink)}.course-meta-item.rating .material-symbols-outlined{color:var(--color-orange)}.course-overview-actions{align-items:center;gap:var(--spacing-s);flex-shrink:0;display:flex;position:relative;overflow:visible!important}.badge-category{padding:2px var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.badge-status{padding:2px var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-status.published{background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.badge-status.draft{background-color:var(--color-paleGray);color:var(--color-gray)}.sessions-section-container{gap:var(--spacing-l);flex-direction:column;display:flex}.sessions-section-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.sessions-section-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.add-session-top-btn{cursor:pointer;transition:all .15s;align-items:center!important;gap:var(--spacing-xs)!important;padding:var(--spacing-xs) var(--spacing-m)!important;border-radius:var(--radius-pill)!important;border:1px dashed var(--color-primaryPink)!important;background:var(--color-white)!important;color:var(--color-primaryPink)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-semibold)!important;width:auto!important;min-width:auto!important;height:auto!important;display:inline-flex!important}.add-session-top-btn:hover{transform:translateY(-1px);background:var(--color-primaryPinkSoft)!important;border-style:solid!important}.add-session-top-btn .material-symbols-outlined{font-size:var(--font-size-m)}.session-card{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-large);transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 2px 10px #0000000a;overflow:visible!important}.session-card:hover{border-color:var(--color-pinkGray);box-shadow:0 4px 14px #0000000f;z-index:50!important;overflow:visible!important}.session-card:has(.disabled-delete-tooltip-wrapper:hover){border-color:var(--color-pinkGray);box-shadow:0 4px 14px #0000000f;z-index:50!important;overflow:visible!important}.session-card-header{padding:var(--spacing-l) var(--spacing-xl);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-white);justify-content:space-between;align-items:center;gap:var(--spacing-m);border-radius:var(--radius-large);display:flex;position:relative;overflow:visible!important}.session-card:has(.session-lessons-body) .session-card-header{border-radius:var(--radius-large) var(--radius-large) 0 0}.session-card-header-left{align-items:center;gap:var(--spacing-m);flex:1;min-width:0;display:flex}.drag-handle-icon{color:var(--color-gray);opacity:.6;cursor:grab;font-size:var(--font-size-l);flex-shrink:0}.session-thumb-box{border-radius:var(--radius-medium);background:var(--color-paleGray);width:44px;min-width:44px;height:44px;color:var(--color-primaryPink);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.session-thumb-box img{object-fit:cover;width:100%;height:100%}.session-header-text{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.session-header-text h3{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);word-break:break-word;overflow-wrap:anywhere;white-space:normal;margin:0;line-height:1.35}.session-header-desc{font-size:var(--font-size-m);color:var(--color-gray);word-break:break-word;overflow-wrap:anywhere;white-space:normal;margin:0;line-height:1.45}.session-header-meta{align-items:center;gap:var(--spacing-s);font-size:var(--font-size-xs);color:var(--color-darkGray);flex-wrap:wrap;margin-top:2px;display:flex}.session-header-meta .status-dot{border-radius:var(--radius-pill);width:6px;height:6px;display:inline-block}.session-header-meta .status-dot.published{background-color:var(--color-successGreen)}.session-header-meta .status-dot.draft{background-color:var(--color-gray)}.session-card-header-actions{align-items:center;gap:var(--spacing-s);flex-shrink:0;display:flex}.hierarchy-action-btn{cursor:pointer;white-space:nowrap;line-height:1.2;transition:all .15s;justify-content:center!important;align-items:center!important;gap:var(--spacing-xs)!important;padding:6px var(--spacing-m)!important;border-radius:var(--radius-small)!important;border:1px solid var(--color-borderGray)!important;background:var(--color-white)!important;color:var(--color-darkGray)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-medium)!important;width:auto!important;min-width:max-content!important;height:auto!important;display:inline-flex!important}.hierarchy-action-btn .material-symbols-outlined{font-size:var(--font-size-m)}.hierarchy-action-btn:hover{background:var(--color-paleGray)!important;color:var(--color-black)!important;border-color:var(--color-pinkGray)!important}.hierarchy-action-btn.edit{border-color:var(--color-borderGray)!important}.hierarchy-action-btn.edit:hover{background:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important;border-color:var(--color-primaryPinkLight)!important}.hierarchy-action-btn.delete{border-color:var(--color-borderGray)!important}.hierarchy-action-btn.delete:hover{border-color:var(--color-errorRedLight)!important;background:var(--color-errorRedLight)!important;color:var(--color-errorRed)!important}.hierarchy-action-btn.delete.is-disabled,.hierarchy-action-btn.delete[disabled]{opacity:.5!important;cursor:not-allowed!important;background:var(--color-paleGray)!important;color:var(--color-gray)!important;border-color:var(--color-borderGray)!important;pointer-events:auto!important}.hierarchy-action-btn.delete.is-disabled:hover,.hierarchy-action-btn.delete[disabled]:hover{background:var(--color-paleGray)!important;color:var(--color-gray)!important;border-color:var(--color-borderGray)!important}.disabled-delete-tooltip-wrapper{align-items:center;display:inline-flex;position:relative;overflow:visible!important}.disabled-delete-tooltip-wrapper:hover{z-index:1000!important}.delete-course-disabled-tooltip{background-color:var(--color-darkGray);color:var(--color-white);border-radius:var(--radius-medium);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);white-space:normal;align-items:flex-start;gap:var(--spacing-xs);pointer-events:none;opacity:0;visibility:hidden;width:max-content;max-width:290px;padding:10px 14px;line-height:1.4;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px);box-shadow:0 6px 20px #0000004d;z-index:99999!important}.delete-course-disabled-tooltip .tooltip-icon{font-size:var(--font-size-l);color:var(--color-primaryPinkLight);flex-shrink:0;margin-top:1px}.delete-course-disabled-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-darkGray) transparent transparent transparent;position:absolute;top:100%;right:28px}.disabled-delete-tooltip-wrapper:hover .delete-course-disabled-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.hierarchy-action-btn.view{color:var(--color-secondaryTeal)!important;border-color:var(--color-secondaryTealLight)!important;background:var(--color-lightCyan)!important}.hierarchy-action-btn.view:hover{background:var(--color-secondaryTealLight)!important;color:var(--color-darkTeal)!important}.session-action-btn{composes:hierarchy-action-btn}.accordion-chevron-btn{cursor:pointer;transition:transform .2s,color .15s;color:var(--color-gray)!important;padding:var(--spacing-xs)!important;border-radius:var(--radius-small)!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:auto!important;height:auto!important;display:flex!important}.accordion-chevron-btn:hover{color:var(--color-black)!important}.accordion-chevron-btn.open{transform:rotate(180deg)}.session-lessons-body{padding:var(--spacing-m) var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--color-paleGray);background-color:var(--color-background);gap:var(--spacing-m);border-radius:0 0 var(--radius-large) var(--radius-large);flex-direction:column;display:flex;overflow:visible}.add-lesson-row-top{justify-content:flex-start;align-items:center;display:flex}.add-lesson-small-btn{cursor:pointer;transition:all .15s;align-items:center!important;gap:var(--spacing-xs)!important;padding:var(--spacing-xs) var(--spacing-m)!important;border-radius:var(--radius-pill)!important;border:1px dashed var(--color-primaryPink)!important;background:var(--color-white)!important;color:var(--color-primaryPink)!important;font-size:var(--font-size-s)!important;font-weight:var(--font-weight-semibold)!important;width:auto!important;min-width:auto!important;height:auto!important;display:inline-flex!important}.add-lesson-small-btn:hover{background:var(--color-primaryPinkSoft)!important;border-style:solid!important}.add-lesson-small-btn .material-symbols-outlined{font-size:var(--font-size-m)}.empty-session-lessons-card{padding:var(--spacing-l)!important}.empty-session-lessons-icon{font-size:var(--font-size-xxl);color:var(--color-primaryPink)}.empty-session-lessons-text{font-size:var(--font-size-m)}.lessons-list-group{gap:var(--spacing-s);flex-direction:column;display:flex;overflow:visible}.lesson-card{background:var(--color-white);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);padding:var(--spacing-s) var(--spacing-m);justify-content:space-between;align-items:center;gap:var(--spacing-m);transition:all .15s;display:flex;position:relative;overflow:visible!important}.lesson-card:hover{border-color:var(--color-pinkGray);box-shadow:0 2px 8px #0000000a;z-index:60!important;overflow:visible!important}.lesson-card:has(.disabled-delete-tooltip-wrapper:hover){border-color:var(--color-pinkGray);box-shadow:0 2px 8px #0000000a;z-index:60!important;overflow:visible!important}.lesson-card-left{align-items:center;gap:var(--spacing-m);flex:1;min-width:0;display:flex}.lesson-thumb-box{border-radius:var(--radius-small);background:var(--color-paleGray);flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:34px;display:flex;position:relative;overflow:hidden}.lesson-thumb-box img{object-fit:cover;width:100%;height:100%}.lesson-thumb-type-icon{font-size:var(--font-size-l);color:var(--color-primaryPink)}.lesson-text-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-title-text{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:var(--color-black);word-break:break-word;overflow-wrap:anywhere;white-space:normal;line-height:1.35}.lesson-meta-text{font-size:var(--font-size-xs);color:var(--color-gray);word-break:break-word;overflow-wrap:anywhere;white-space:normal;margin:0;line-height:1.4}.lesson-actions-group{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;flex-shrink:0;display:flex}.drag-handle-wrapper{cursor:grab;border-radius:var(--radius-small);color:var(--color-gray);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.drag-handle-wrapper:hover{color:var(--color-primaryPink);background-color:var(--color-primaryPinkSoft)}.drag-handle-wrapper:active{cursor:grabbing}.session-card.is-dragging,.lesson-card.is-dragging{opacity:.45;transform:scale(.99);border:2px dashed var(--color-primaryPink)!important}.session-card.drag-over,.lesson-card.drag-over{border-top:3px solid var(--color-primaryPink)!important;background-color:var(--color-primaryPinkSoft)!important}.empty-hierarchy-card{text-align:center;padding:var(--spacing-xxl) var(--spacing-xl);background:var(--color-white);border:1.5px dashed var(--color-primaryPinkLight);border-radius:var(--radius-large);justify-content:center;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-s);flex-direction:column;display:flex}.empty-graphic-circle{border-radius:var(--radius-pill);background:var(--color-primaryPinkSoft);width:64px;height:64px;color:var(--color-primaryPink);margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;display:flex}.empty-graphic-circle .material-symbols-outlined{font-size:var(--font-size-xxl)}.empty-hierarchy-card h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);word-break:break-word;overflow-wrap:anywhere;margin:0}.empty-hierarchy-card p{font-size:var(--font-size-m);color:var(--color-gray);word-break:break-word;overflow-wrap:anywhere;max-width:440px;margin:0;line-height:1.5}.empty-hierarchy-card .empty-action-btn{margin-top:var(--spacing-s);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-xl);border-radius:var(--radius-pill);background:var(--color-primaryPink);color:var(--color-white);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;border:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #79546533}.empty-hierarchy-card .empty-action-btn:hover{background:var(--color-mauve);transform:translateY(-1px)}.empty-hierarchy-card .empty-action-btn .material-symbols-outlined{font-size:var(--font-size-xl)}@media (width<=900px){.course-overview-content{align-items:stretch;gap:var(--spacing-m);flex-direction:column}.course-overview-actions{justify-content:flex-end;gap:var(--spacing-s);flex-wrap:wrap;width:100%}.session-card-header{align-items:stretch;gap:var(--spacing-m);flex-direction:column}.session-card-header-actions{justify-content:flex-end;gap:var(--spacing-s);width:100%;padding-top:var(--spacing-xs);border-top:1px solid var(--color-paleGray);flex-wrap:wrap}.lesson-card{align-items:stretch;gap:var(--spacing-s);flex-direction:column}.lesson-actions-group{justify-content:flex-end;gap:var(--spacing-s);width:100%;padding-top:var(--spacing-xs);border-top:1px solid var(--color-paleGray);flex-wrap:wrap}}@media (width<=768px){.view-sessions-v2-container{padding:var(--spacing-l) var(--spacing-m);gap:var(--spacing-l)}.view-sessions-v2-container .page-header{align-items:stretch;gap:var(--spacing-m);flex-direction:column}.view-sessions-header-actions{align-items:center;gap:var(--spacing-s);width:100%;display:flex}.view-sessions-header-actions .btn-keep-draft,.view-sessions-header-actions .btn-publish-course{flex:1;justify-content:center;height:38px!important}.view-sessions-v2-container .page-title-row{gap:var(--spacing-s)}.view-sessions-v2-container .page-title-row h1{font-size:var(--font-size-xl);line-height:1.3}.view-sessions-v2-container .page-subtitle{font-size:var(--font-size-s);line-height:1.45}.admin-panel .view-sessions-v2-container .back-button,.view-sessions-v2-container .back-button{width:34px;min-width:34px;height:34px;min-height:34px;margin-top:1px}.view-sessions-v2-container .back-button .material-symbols-outlined{font-size:var(--font-size-m)}}@media (width<=600px){.view-sessions-v2-container{padding:var(--spacing-m) var(--spacing-s);gap:var(--spacing-m)}.view-sessions-v2-container .page-title-row{gap:var(--spacing-xs)}.view-sessions-v2-container .page-title-row h1{font-size:var(--font-size-l);line-height:1.3}.view-sessions-v2-container .page-subtitle{font-size:var(--font-size-xs);line-height:1.4}.admin-panel .view-sessions-v2-container .back-button,.view-sessions-v2-container .back-button{width:32px;min-width:32px;height:32px;min-height:32px;margin-top:0}.view-sessions-v2-container .back-button .material-symbols-outlined{font-size:var(--font-size-m)}.course-overview-card{padding:var(--spacing-m)}.course-title-badge-row{flex-wrap:wrap}.course-meta-tags-row{gap:var(--spacing-xs);flex-wrap:wrap}.session-card-header{padding:var(--spacing-m)}.session-card-header-left{align-items:flex-start}.session-lessons-body{padding:var(--spacing-m)}.lesson-card{padding:var(--spacing-s) var(--spacing-m)}.lesson-card-left{align-items:flex-start}}.view-lessons-v2-container{width:100%;padding:var(--spacing-xl) var(--spacing-l)}.page-top-section{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-l);flex-wrap:wrap;display:flex}.view-lessons-v2-container .page-header{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;display:flex}.view-lessons-v2-container .page-title-row{align-items:flex-start;gap:var(--spacing-m);display:flex}.view-lessons-v2-container .page-title-text-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.view-lessons-v2-container .page-title-row h1,.view-lessons-v2-container .header-text h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.3}.lessons-subheading{font-size:var(--font-size-l);color:var(--color-secondaryTeal);font-weight:var(--font-weight-semibold);letter-spacing:.03em;margin:0}.admin-panel .view-lessons-v2-container .back-button,.view-lessons-v2-container .back-button{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray);cursor:pointer;box-shadow:var(--shadow-soft);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex!important}.admin-panel .view-lessons-v2-container .back-button:hover,.view-lessons-v2-container .back-button:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);border-color:var(--color-primaryPink);transform:translate(-2px)}.view-lessons-v2-container .back-button .material-symbols-outlined{font-size:var(--font-size-l);line-height:1}.lessons-list{gap:var(--spacing-xl);width:100%;padding-bottom:var(--spacing-xxl);flex-direction:column;display:flex}.lesson-card-wrapper{width:100%}.lesson-view-card{width:100%!important;max-width:100%!important}.lesson-card-content{align-items:center;gap:var(--spacing-l);width:100%;display:flex}.lesson-type-badge{border-radius:var(--radius-medium);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.lesson-type-badge .material-symbols-outlined{font-size:var(--spacing-xxl)}.lesson-type-badge.type-video{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.lesson-type-badge.type-audio{background-color:var(--color-lightCyan);color:var(--color-secondaryTeal)}.lesson-type-badge.type-pdf{background-color:var(--color-lightOrange);color:var(--color-orange)}.lesson-info{gap:var(--spacing-s);flex-direction:column;flex:1;min-width:0;display:flex}.lesson-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap;margin:0;line-height:1.4}.lesson-meta{align-items:center;gap:var(--spacing-xl);display:flex}.lesson-meta .meta-item{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-m);color:var(--color-gray);font-weight:var(--font-weight-medium);white-space:nowrap;display:flex}.lesson-meta .meta-item .material-symbols-outlined{font-size:var(--font-size-xl)}.lesson-actions{align-items:center;gap:var(--spacing-s);flex-shrink:0;display:flex}.empty-state{padding:var(--spacing-xxl);color:var(--color-gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon{font-size:var(--header-height);margin-bottom:var(--spacing-m);color:var(--color-borderGray)}.empty-state p{font-size:var(--font-size-l);font-weight:var(--font-weight-medium)}@media (width<=768px){.lesson-card-content{flex-direction:column;align-items:flex-start}.lesson-actions{justify-content:flex-start;width:100%}}.media-modal-overlay{-webkit-backdrop-filter:blur(var(--spacing-xs));z-index:200;padding:var(--spacing-l);background-color:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-modal{background-color:var(--color-white);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;overflow:hidden}.media-modal-header{padding:var(--spacing-l) var(--spacing-xl);border-bottom:1px solid var(--color-borderGray);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.media-modal-title-row{align-items:center;gap:var(--spacing-s);display:flex}.media-modal-title-row h3{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.media-modal-icon{font-size:var(--font-size-xxl)}.type-icon-video{color:var(--color-primaryPink)}.type-icon-audio{color:var(--color-secondaryTeal)}.type-icon-pdf{color:var(--color-orange)}.media-modal-close{cursor:pointer;color:var(--color-darkGray);border-radius:var(--radius-pill);padding:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.media-modal-close:hover{background-color:var(--color-borderGray)}.media-modal-close .material-symbols-outlined{font-size:var(--font-size-xxl)}.media-modal-body{padding:var(--spacing-l) var(--spacing-xl);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.media-video{border-radius:var(--radius-medium);outline:none;width:100%}.media-audio-wrapper{align-items:center;gap:var(--spacing-l);padding:var(--spacing-xxl) 0;flex-direction:column;display:flex}.media-audio-icon{font-size:var(--spacing-xxl);color:var(--color-secondaryTeal)}.media-audio-label{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0}.media-audio{width:100%;max-width:480px}.media-pdf{border-radius:var(--radius-medium);border:none;width:100%;height:560px}.view-lessons-v2-container,.view-lessons-v2-container .lessons-list,.view-lessons-v2-container .lesson-card-wrapper,.view-lessons-v2-container .lesson-view-card{box-sizing:border-box;min-width:0;max-width:100%}.view-lessons-v2-container{width:100%}.view-lessons-v2-container .lesson-card-content{min-width:0}.view-lessons-v2-container .lesson-info{overflow-wrap:anywhere;min-width:0}.view-lessons-v2-container .lesson-title{white-space:normal;overflow-wrap:anywhere;max-width:100%}.view-lessons-v2-container .lesson-meta{min-width:0}.view-lessons-v2-container .lesson-actions{flex-wrap:wrap}@media (width<=1024px){.view-lessons-v2-container{padding:var(--spacing-l)}.view-lessons-v2-container .page-top-section{align-items:flex-start;gap:var(--spacing-m)}.view-lessons-v2-container .lesson-card-content,.view-lessons-v2-container .lesson-meta{gap:var(--spacing-m)}}@media (width<=768px){.view-lessons-v2-container{padding:var(--spacing-m)}.view-lessons-v2-container .page-top-section{flex-direction:column;align-items:stretch}.view-lessons-v2-container .page-header{width:100%;min-width:0}.view-lessons-v2-container .header-text{min-width:0}.view-lessons-v2-container .header-text h1{font-size:var(--font-size-xl);overflow-wrap:anywhere}.view-lessons-v2-container .header-text p{overflow-wrap:anywhere}.view-lessons-v2-container .lesson-card-content{flex-direction:column;align-items:flex-start}.view-lessons-v2-container .lesson-type-badge{flex-shrink:0}.view-lessons-v2-container .lesson-info{width:100%}.view-lessons-v2-container .lesson-title{font-size:var(--font-size-xl)}.view-lessons-v2-container .lesson-meta{gap:var(--spacing-s) var(--spacing-m);width:100%}.view-lessons-v2-container .lesson-meta .meta-item{white-space:normal;overflow-wrap:anywhere}.view-lessons-v2-container .lesson-actions{justify-content:flex-start;width:100%}.view-lessons-v2-container .empty-state{padding:var(--spacing-l)}.view-lessons-v2-container .media-preview-modal{width:calc(100% - var(--spacing-l));max-width:720px;max-height:calc(100dvh - var(--spacing-l));box-sizing:border-box}.view-lessons-v2-container .media-preview-modal-body{min-width:0;overflow-x:auto}.view-lessons-v2-container .media-preview-modal-body iframe,.view-lessons-v2-container .media-preview-modal-body video,.view-lessons-v2-container .media-preview-modal-body img{max-width:100%}}@media (width<=480px){.view-lessons-v2-container .page-title-row h1,.view-lessons-v2-container .header-text h1{font-size:var(--font-size-l)}.view-lessons-v2-container .lesson-meta{flex-direction:column;align-items:flex-start}.view-lessons-v2-container .lesson-actions{gap:var(--spacing-s)}.view-lessons-v2-container .lesson-actions button{max-width:100%}.view-lessons-v2-container .media-preview-modal{width:calc(100% - var(--spacing-m));max-height:calc(100dvh - var(--spacing-m))}}.sb2-container{padding:var(--spacing-xl) var(--spacing-xxl);box-sizing:border-box;gap:var(--spacing-l);width:100%;font-family:var(--font-primary);background:var(--color-background);flex-direction:column;display:flex}.sb2-secondary-nav{z-index:var(--z-index-sticky);background-color:var(--color-white);border-bottom:1px solid var(--color-borderGray);margin:calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-xxl)) 0 calc(-1 * var(--spacing-xxl));padding:var(--spacing-m) var(--spacing-xxl);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sb2-nav-left,.sb2-nav-brand{align-items:center;gap:var(--spacing-m);display:flex}.admin-panel .sb2-container .back-button,.sb2-container .back-button{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);border:1px solid var(--color-borderGray);background-color:var(--color-white);color:var(--color-darkGray);cursor:pointer;box-shadow:var(--shadow-soft);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex!important}.admin-panel .sb2-container .back-button:hover,.sb2-container .back-button:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink);border-color:var(--color-primaryPink);transform:translate(-2px)}.sb2-container .back-button .material-symbols-outlined{font-size:var(--font-size-l);line-height:1}.sb2-mobile-close{display:none!important}.sb2-desktop-close{display:flex!important}.sb2-nav-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap}.sb2-nav-divider{width:1px;height:calc(var(--spacing-xl) + var(--spacing-xs));background:var(--color-borderGray)}.sb2-nav-steps{align-items:center;gap:var(--spacing-m);display:flex}.sb2-nav-step{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-gray);align-items:center;gap:var(--spacing-m);cursor:pointer;white-space:nowrap;transition:color .2s;display:flex}.sb2-step-text{white-space:nowrap}.sb2-nav-step:not(.active):hover{color:var(--color-darkGray)}.sb2-nav-step:not(.active):hover .sb2-step-circle{border-color:var(--color-darkGray);color:var(--color-darkGray)}.sb2-nav-step.active{color:var(--color-primaryPink);cursor:default}.sb2-step-circle{width:var(--spacing-xxl);height:var(--spacing-xxl);border-radius:var(--radius-pill);border:2px solid var(--color-borderGray);background:var(--color-white);color:var(--color-gray);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb2-nav-step.active .sb2-step-circle{border-color:var(--color-primaryPink);background:var(--color-primaryPink);color:var(--color-white)}.sb2-nav-separator{width:var(--sidebar-logo-size);background:var(--color-borderGray);flex-shrink:0;height:2px}.sb2-nav-actions{align-items:center;gap:var(--spacing-m);display:flex}.sb2-btn-draft{white-space:nowrap;background-color:var(--color-primaryPinkSoft)!important;width:auto!important;color:var(--color-primaryPink)!important;gap:var(--spacing-s)!important;border:none!important}.sb2-draft-icon{flex-shrink:0;font-size:var(--font-size-xl)!important}.sb2-draft-text{white-space:nowrap}.sb2-btn-publish{white-space:nowrap;background-color:var(--color-primaryPink)!important;width:auto!important;color:var(--color-white)!important;border:none!important}.sb2-nav-actions-divider{width:1px;height:var(--spacing-xl);background:var(--color-borderGray)}.sb2-icon-btn-nav{cursor:pointer;color:var(--color-gray);padding:var(--spacing-s);border-radius:var(--radius-small);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sb2-icon-btn-nav:hover{background:var(--color-softGray);color:var(--color-black)}.sb2-header{align-items:center;gap:var(--spacing-m);display:flex}.sb2-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.sb2-empty-state{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-l);padding:var(--spacing-s) 0 var(--spacing-xl) 0;flex-direction:column;display:flex}.sb2-empty-img{width:calc(var(--sidebar-width) - var(--spacing-pageMarginDesktop) - var(--spacing-pageMarginMobile) - var(--spacing-xxl));max-width:100%;margin-bottom:var(--spacing-s);transform-origin:top;animation:4s ease-in-out infinite pendulum}@keyframes pendulum{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(0)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.sb2-empty-state h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.sb2-empty-state p{font-size:var(--font-size-m);color:var(--color-gray);margin:0 0 var(--spacing-m) 0}.sb2-session-list{gap:var(--spacing-xxl);max-width:calc(var(--content-max-width) - var(--sidebar-width));flex-direction:column;display:flex}.sb2-session-card{border:1px solid var(--color-primaryPink);border-radius:var(--radius-large);padding:var(--spacing-l);background:var(--color-white);box-shadow:var(--shadow-soft);gap:var(--spacing-l);flex-direction:column;display:flex}.sb2-edit-mode{gap:var(--spacing-s);flex-direction:column;display:flex}.sb2-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.sb2-field label{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-darkGray)}.sb2-input-error{border-color:var(--color-errorRed)!important}.sb2-error-msg{align-items:center;gap:var(--spacing-xs);color:var(--color-errorRed);font-size:var(--font-size-s);margin-top:var(--spacing-xs);display:flex}.sb2-error-msg span.material-symbols-outlined{font-size:var(--font-size-xl)}.sb2-edit-actions{justify-content:flex-end;gap:var(--spacing-m);margin-top:var(--spacing-l);display:flex}.sb2-saved-mode{padding-bottom:var(--spacing-l);justify-content:space-between;align-items:flex-start;display:flex}.sb2-saved-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0 0 var(--spacing-s) 0}.sb2-saved-content p{font-size:var(--font-size-m);color:var(--color-gray);margin:0;line-height:1.6}.sb2-saved-actions{gap:var(--spacing-s);display:flex}.sb2-icon-btn{cursor:pointer;color:var(--color-gray);padding:var(--spacing-s);border-radius:var(--radius-small);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.sb2-icon-btn:hover{background:var(--color-softGray);color:var(--color-black);border-color:var(--color-borderGray)}.sb2-delete-btn:hover{background:var(--color-errorRedLight);color:var(--color-errorRed);border-color:var(--color-errorRedLight)}.sb2-lesson-footer{border-top:1px dashed var(--color-borderGray);padding-top:var(--spacing-xl);justify-content:flex-start;display:flex}.sb2-global-actions{margin-top:var(--spacing-s);justify-content:flex-start;display:flex}.sb2-input-error-wrapper>div{border-color:var(--color-errorRed)!important}.sb2-input-wrapper{margin-top:0!important}.sb2-textarea-tight{min-height:calc(var(--header-height) - var(--spacing-xs))!important}.sb2-disabled-btn{opacity:.5!important;cursor:not-allowed!important}.sb2-edit-columns{gap:var(--spacing-xxl);align-items:stretch;display:flex}.sb2-edit-left{gap:var(--spacing-s);flex-direction:column;flex:1;display:flex}.sb2-edit-right{flex:0 0 calc(var(--spacing-pageMarginDesktop) * 2 + var(--spacing-xxl));flex-direction:column;display:flex}.sb2-upload-square{width:100%;height:100%;min-height:calc(var(--sidebar-logo-size) * 3);border:1px dashed var(--color-borderGray);border-radius:var(--radius-medium);background:var(--color-white);cursor:pointer;padding:var(--spacing-l);justify-content:center;align-items:center;transition:all .2s;display:flex;overflow:hidden}.sb2-upload-square:hover{border-color:var(--color-primaryPink);background:var(--color-primaryPinkSoft)}.sb2-upload-empty{align-items:center;gap:var(--spacing-s);color:var(--color-gray);text-align:center;flex-direction:column;display:flex}.sb2-upload-empty .material-symbols-outlined{font-size:var(--font-size-xxl);color:var(--color-gray)}.sb2-upload-btn-placeholder{background:var(--color-primaryPinkSoft);color:var(--color-primaryPink);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-medium);font-weight:var(--font-weight-semibold);font-size:var(--font-size-s);pointer-events:none;border:none}.sb2-thumbnail-wrapper{aspect-ratio:16/9;border-radius:var(--radius-medium);border:1px solid var(--color-borderGray);background:var(--color-white);justify-content:center;align-items:center;width:100%;min-height:140px;display:flex;position:relative;overflow:hidden}.sb2-thumbnail-preview{object-fit:cover;border-radius:var(--radius-medium);width:100%;height:100%}.sb2-thumbnail-overlay{background:var(--color-black);justify-content:center;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity .15s;display:flex;position:absolute;inset:0}.sb2-thumbnail-wrapper:hover .sb2-thumbnail-overlay{opacity:1}.sb2-thumbnail-wrapper .thumb-action-btn{cursor:pointer;background:var(--color-white)!important;border-radius:var(--radius-pill)!important;padding:var(--spacing-xs) var(--spacing-s)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important;align-items:center!important;gap:var(--spacing-xs)!important;color:var(--color-black)!important;border:none!important;width:auto!important;height:auto!important;display:inline-flex!important}.sb2-thumbnail-wrapper .thumb-action-btn:hover{background:var(--color-primaryPinkSoft)!important;color:var(--color-primaryPink)!important}.sb2-hidden-input{display:none}.sb2-modal-overlay,.sb2-lesson-modal-overlay{padding:var(--spacing-l);-webkit-backdrop-filter:blur(var(--spacing-xs));z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sb2-lesson-modal{width:100%;max-width:calc(var(--content-max-width) - var(--sidebar-width) - var(--spacing-pageMarginDesktop));max-height:calc(100vh - var(--sidebar-logo-size));border:1px solid var(--color-borderGray);border-radius:var(--radius-large);background:var(--color-white);box-shadow:var(--shadow-deep);flex-direction:column;display:flex;position:relative;overflow:hidden}.sb2-lesson-modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-borderGray)}.sb2-lesson-modal-header h2{font-size:var(--font-size-xxl);color:var(--color-black);margin:0}.sb2-lesson-modal-content{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;display:flex;overflow-y:auto}.sb2-lesson-modal-actions{padding:var(--spacing-xl);border-top:1px solid var(--color-borderGray);justify-content:flex-end;gap:var(--spacing-m);background:var(--color-background);display:flex}.sb2-quill-error .ql-container{border-color:var(--color-errorRed)!important}.sb2-media-section{gap:var(--spacing-s);flex-direction:column;display:flex}.sb2-media-section label{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-darkGray)}.sb2-media-tabs{gap:var(--spacing-s);border-bottom:1px solid var(--color-borderGray);margin-bottom:var(--spacing-m);display:flex}.sb2-media-tab{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-l);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--color-gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;transition:all .2s;display:inline-flex;position:relative}.sb2-media-tab:hover{color:var(--color-black)}.sb2-media-tab.active{color:var(--color-primaryPink);border-bottom-color:var(--color-primaryPink)}.sb2-media-tab .material-symbols-outlined{font-size:var(--font-size-l)}.sb2-media-tab-badge{justify-content:center;align-items:center;margin-left:2px;display:inline-flex}.sb2-media-tab-badge .material-symbols-outlined{color:#2e7d32;font-size:16px}.sb2-media-tab-content{width:100%}.sb2-media-tab-content .sb2-upload-square{width:100%;max-width:100%;margin:0}.sb2-media-dropzone{border:2px dashed var(--color-borderGray);border-radius:var(--radius-large);background:var(--color-background);padding:var(--spacing-xl) var(--spacing-l);cursor:pointer;justify-content:center;align-items:center;transition:all .25s;display:flex}.sb2-media-dropzone:hover{border-color:var(--color-primaryPink);background:var(--color-primaryPinkSoft);transform:translateY(-1px)}.sb2-media-dropzone.dragging{border-color:var(--color-primaryPink);background:var(--color-primaryPinkSoft);transform:scale(1.01);box-shadow:0 0 0 4px #e91e6326}.sb2-media-icon-badge{border-radius:var(--radius-pill);width:56px;height:56px;margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;transition:transform .2s;display:flex}.sb2-media-dropzone:hover .sb2-media-icon-badge{transform:scale(1.08)}.sb2-media-icon-badge.video{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.sb2-media-icon-badge.audio{color:#8e24aa;background-color:#9c27b01f}.sb2-media-icon-badge.pdf{color:#e53935;background-color:#e539351f}.sb2-upload-drag-hint{font-size:var(--font-size-s);color:var(--color-darkGray);font-weight:var(--font-weight-medium);margin:0}.sb2-upload-format-hint{font-size:var(--font-size-xs);color:var(--color-gray);margin-top:2px}.sb2-media-progress-card{width:100%;padding:var(--spacing-l);border-radius:var(--radius-medium);background:var(--color-white);border:1px solid var(--color-borderGray);box-shadow:var(--shadow-soft);gap:var(--spacing-s);flex-direction:column;display:flex}.sb2-media-progress-header{justify-content:space-between;align-items:center;width:100%;display:flex}.sb2-media-progress-title-row{align-items:center;gap:var(--spacing-s);display:flex}.sb2-uploading-spin{font-size:var(--font-size-xl);color:var(--color-primaryPink);animation:1s linear infinite sb2Spin}@keyframes sb2Spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sb2-progress-label{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-black)}.sb2-progress-percent{font-size:var(--font-size-s);font-weight:var(--font-weight-bold);color:var(--color-primaryPink)}.sb2-media-progress-bar-bg{background:var(--color-paleGray);border-radius:var(--radius-pill);width:100%;height:8px;overflow:hidden}.sb2-media-progress-bar-fill{background:var(--color-primaryPink);border-radius:var(--radius-pill);height:100%;transition:width .2s ease-out}.sb2-media-preview-card{border-radius:var(--radius-large);border:1px solid var(--color-borderGray);background:var(--color-white);width:100%;box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:hidden}.sb2-media-player-wrap{background:var(--color-black);width:100%;position:relative;overflow:hidden}.sb2-media-video-player{background:var(--color-black);outline:none;width:100%;max-height:280px;display:block}.sb2-media-player-wrap.audio-wrap{padding:var(--spacing-l);background:var(--color-background);gap:var(--spacing-m);flex-direction:column;display:flex}.sb2-audio-banner{align-items:center;gap:var(--spacing-m);display:flex}.sb2-audio-banner-icon{border-radius:var(--radius-pill);color:#8e24aa;width:44px;height:44px;font-size:var(--font-size-xl);background:#9c27b01f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb2-audio-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb2-media-audio-player{border-radius:var(--radius-medium);outline:none;width:100%;height:40px}.sb2-media-player-wrap.pdf-wrap{padding:var(--spacing-l);background:var(--color-background)}.sb2-pdf-banner{align-items:center;gap:var(--spacing-m);flex-wrap:wrap;display:flex}.sb2-pdf-banner-icon{border-radius:var(--radius-pill);color:#e53935;width:44px;height:44px;font-size:var(--font-size-xl);background:#e539351f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb2-pdf-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb2-pdf-preview-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-medium);background:var(--color-white);border:1px solid var(--color-borderGray);color:var(--color-black);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .2s;display:inline-flex}.sb2-pdf-preview-btn:hover{border-color:var(--color-primaryPink);color:var(--color-primaryPink);background:var(--color-primaryPinkSoft)}.sb2-pdf-preview-btn .material-symbols-outlined{font-size:18px}.sb2-media-meta-row{padding:var(--spacing-m) var(--spacing-l);background:var(--color-white);border-top:1px solid var(--color-borderGray);justify-content:space-between;align-items:center;gap:var(--spacing-m);flex-wrap:wrap;display:flex}.sb2-media-meta-info{align-items:center;gap:var(--spacing-m);flex:1;min-width:0;display:flex}.sb2-media-ready-chip{padding:4px var(--spacing-s);border-radius:var(--radius-pill);color:#2e7d32;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:#2e7d321a;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.sb2-media-ready-chip .material-symbols-outlined{color:#2e7d32;font-size:16px}.sb2-media-file-name{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb2-media-size{font-size:var(--font-size-xs);color:var(--color-gray);font-weight:var(--font-weight-medium)}.sb2-media-actions{align-items:center;gap:var(--spacing-s);flex-shrink:0;display:flex}.sb2-media-change-btn{font-size:var(--font-size-s)}.sb2-media-remove-btn{color:var(--color-gray);transition:all .2s}.sb2-media-remove-btn:hover{color:var(--color-errorRed,#d32f2f);background:#d32f2f1a}.sb2-lesson-media-pill{padding:2px var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-xs);flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.sb2-lesson-media-pill .material-symbols-outlined{font-size:14px!important}.sb2-lesson-media-pill.video{background:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.sb2-lesson-media-pill.audio{color:#8e24aa;background:#9c27b01a}.sb2-lesson-media-pill.pdf,.sb2-lesson-media-pill.document{color:#e53935;background:#e539351a}.sb2-lesson-list{gap:var(--spacing-s);padding:0 var(--spacing-l);flex-direction:column;display:flex}.sb2-lesson-item{justify-content:space-between;align-items:center;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-l);background:var(--color-softGray);border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);transition:all .2s;display:flex}.sb2-lesson-info{align-items:center;gap:var(--spacing-s);flex:1;min-width:0;display:flex}.sb2-lesson-info .material-symbols-outlined{color:var(--color-primaryPink);font-size:var(--font-size-xl)}.sb2-lesson-title{font-weight:var(--font-weight-semibold);color:var(--color-black);font-size:var(--font-size-m);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb2-lesson-actions{align-items:center;gap:var(--spacing-s);margin-left:auto;display:flex}@media (width<=1024px){.sb2-edit-columns{gap:var(--spacing-xl);flex-direction:column}.sb2-edit-left,.sb2-edit-right{flex:none;width:100%}}.sb2-session-card-wrapper{gap:var(--spacing-s);align-items:flex-start;display:flex}.sb2-session-card-wrapper .sb2-session-card{flex:1;min-width:0}.sb2-draft-icon{font-size:var(--font-size-xl)!important}.sb2-session-drag-handle{cursor:grab;color:var(--color-gray);margin-top:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.sb2-session-drag-handle:active{cursor:grabbing}.sb2-lesson-drag-handle{cursor:grab;color:var(--color-gray);justify-content:center;align-items:center;display:flex}.sb2-lesson-drag-handle:active{cursor:grabbing}.sb2-media-tab-content .sb2-upload-square{width:calc(var(--sidebar-logo-size) * 3 + var(--spacing-xxl));height:calc(var(--sidebar-logo-size) * 3 + var(--spacing-xxl));min-height:auto;margin:0 auto}.sb2-lesson-modal-actions button{width:auto;min-width:calc(var(--sidebar-logo-size) * 3)}.sb2-lesson-item .sb2-lesson-drag-handle .material-symbols-outlined{color:var(--color-gray)}.sb2-container,.sb2-session-list,.sb2-session-card-wrapper,.sb2-session-card,.sb2-edit-columns,.sb2-edit-left,.sb2-edit-right{box-sizing:border-box;min-width:0}.sb2-container{width:100%;max-width:100%}.sb2-secondary-nav,.sb2-nav-left,.sb2-nav-steps,.sb2-nav-actions{min-width:0}.sb2-session-list,.sb2-session-card-wrapper{width:100%}.sb2-session-card{max-width:100%}.sb2-edit-columns{width:100%}.sb2-edit-left,.sb2-edit-right{max-width:100%}.sb2-edit-left input,.sb2-edit-left textarea,.sb2-edit-left select,.sb2-edit-left .sb2-input,.sb2-upload-square{box-sizing:border-box;max-width:100%}.sb2-saved-mode{gap:var(--spacing-m);flex-wrap:wrap}.sb2-saved-actions{gap:var(--spacing-s);flex-wrap:wrap}.sb2-lesson-item{flex-wrap:wrap;min-width:0}.sb2-lesson-modal{box-sizing:border-box;min-width:0}.sb2-lesson-modal-content{overflow-wrap:anywhere;min-width:0}.sb2-media-tabs{flex-wrap:wrap}@media (width<=1024px){.sb2-container{padding:var(--spacing-l);gap:var(--spacing-l)}.sb2-secondary-nav{z-index:var(--z-index-sticky);margin:calc(-1 * var(--spacing-l)) calc(-1 * var(--spacing-l)) 0 calc(-1 * var(--spacing-l));padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-m);position:sticky;top:0}.sb2-nav-title{font-size:var(--font-size-l)}.sb2-nav-steps{gap:var(--spacing-s)}.sb2-nav-step{font-size:var(--font-size-m);gap:var(--spacing-s)}.sb2-step-circle{width:calc(var(--spacing-xl) + var(--spacing-xs));height:calc(var(--spacing-xl) + var(--spacing-xs));font-size:var(--font-size-s)}.sb2-nav-separator{width:var(--spacing-l)}.sb2-edit-columns{gap:var(--spacing-l);flex-direction:column}.sb2-edit-left,.sb2-edit-right{flex:auto;width:100%}.sb2-upload-square{width:100%;height:auto;min-height:calc(var(--sidebar-width) - var(--spacing-pageMarginDesktop) - var(--spacing-pageMarginMobile) - var(--spacing-xxl))}.sb2-lesson-modal{width:calc(100% - var(--spacing-xl));max-width:calc(var(--content-max-width) - var(--sidebar-width) - var(--spacing-pageMarginDesktop));max-height:calc(100dvh - var(--spacing-xl))}}@media (width<=768px){.sb2-container{padding:var(--spacing-m);gap:var(--spacing-l)}.sb2-secondary-nav{z-index:var(--z-index-sticky);margin:calc(-1 * var(--spacing-m)) calc(-1 * var(--spacing-m)) 0 calc(-1 * var(--spacing-m));padding:var(--spacing-s) var(--spacing-m);align-items:stretch;gap:var(--spacing-s);box-shadow:var(--shadow-soft);flex-direction:column;display:flex;position:sticky;top:0}.sb2-nav-left{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.sb2-nav-brand{justify-content:space-between;align-items:center;gap:var(--spacing-s);width:100%;display:flex}.sb2-nav-title{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sb2-mobile-close{flex-shrink:0;display:flex!important}.sb2-desktop-close{display:none!important}.sb2-nav-divider,.sb2-nav-actions-divider{display:none}.sb2-nav-steps{justify-content:center;align-items:center;gap:var(--spacing-m);width:100%;padding:calc(var(--spacing-xs) / 2) 0;flex-direction:row;display:flex}.sb2-nav-step{font-size:var(--font-size-s);gap:var(--spacing-xs);white-space:nowrap}.sb2-step-circle{width:calc(var(--spacing-l) + var(--spacing-xs));height:calc(var(--spacing-l) + var(--spacing-xs));font-size:var(--font-size-xs);flex-shrink:0}.sb2-nav-separator{width:var(--spacing-m);flex-shrink:0;height:2px;display:block}.sb2-nav-actions{align-items:center;gap:var(--spacing-s);flex-direction:row;width:100%;display:flex}.sb2-btn-draft,.sb2-btn-publish{white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex;width:auto!important;height:calc(var(--spacing-xxl) + var(--spacing-xs))!important;padding:var(--spacing-xs) var(--spacing-s)!important;font-size:var(--font-size-s)!important}.sb2-draft-icon{font-size:var(--font-size-m)!important}.sb2-draft-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb2-session-card-wrapper{flex-direction:column}.sb2-session-card{width:100%}.sb2-saved-mode{flex-direction:column;align-items:flex-start}.sb2-saved-actions{width:100%}.sb2-saved-actions button{flex:auto}.sb2-lesson-modal{width:calc(100% - var(--spacing-l));max-height:calc(100dvh - var(--spacing-l))}.sb2-lesson-modal-content{padding:var(--spacing-m)}.sb2-media-tabs{gap:var(--spacing-s)}.sb2-lesson-item{align-items:flex-start;gap:var(--spacing-m)}}@media (width<=480px){.sb2-container{padding:var(--spacing-s);gap:var(--spacing-m)}.sb2-secondary-nav{margin:calc(-1 * var(--spacing-s)) calc(-1 * var(--spacing-s)) 0 calc(-1 * var(--spacing-s));padding:var(--spacing-xs) var(--spacing-s);gap:var(--radius-small)}.sb2-nav-brand{gap:var(--spacing-xs)}.sb2-nav-title{font-size:var(--font-size-m)}.sb2-nav-steps{gap:var(--spacing-s);flex-direction:row;padding:0}.sb2-nav-step{font-size:var(--font-size-xs);gap:var(--spacing-xs)}.sb2-step-circle{width:var(--spacing-l);height:var(--spacing-l);font-size:var(--font-size-xs)}.sb2-nav-separator{width:var(--spacing-s);display:block}.sb2-nav-actions{align-items:center;gap:var(--radius-small);flex-direction:row}.sb2-btn-draft,.sb2-btn-publish{height:var(--spacing-xxl)!important;font-size:var(--font-size-xs)!important;padding:0 var(--radius-small)!important;gap:var(--spacing-xs)!important}.sb2-draft-icon{font-size:var(--font-size-m)!important}.sb2-saved-actions{flex-direction:column;align-items:stretch}.sb2-saved-actions button{width:100%}.sb2-lesson-modal{width:calc(100% - var(--spacing-m));max-height:calc(100dvh - var(--spacing-m))}}.tracker-management{width:100%;max-width:var(--content-max-width);padding:var(--spacing-xl) var(--spacing-xxl);box-sizing:border-box;margin:0 auto}.tracker-management-header{justify-content:space-between;align-items:center;gap:var(--spacing-l);margin-bottom:var(--spacing-xl);display:flex}.tracker-management-header h1{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.tracker-management-header p{margin:var(--spacing-xs) 0 0;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-regular)}.new-tracker-button{min-width:110px;padding:var(--spacing-s) var(--spacing-l);border-radius:var(--radius-pill);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.tracker-table-card{border:1px solid var(--color-border-gray);border-radius:var(--radius-medium);box-shadow:var(--shadow-soft);background:var(--color-white);overflow:hidden}.tracker-table-header{min-height:38px;padding:0 var(--spacing-l);background:var(--color-pale-gray);border-bottom:1px solid var(--color-pink-gray);box-sizing:border-box;grid-template-columns:2.4fr 1.3fr 1.3fr 100px;align-items:center;display:grid}.tracker-table-header span{color:var(--color-warm-gray);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);letter-spacing:.03em}.tracker-row{min-height:52px;padding:var(--spacing-s) var(--spacing-l);border-bottom:1px solid var(--color-pink-gray);box-sizing:border-box;grid-template-columns:2.4fr 1.3fr 1.3fr 100px;align-items:center;transition:background-color .2s;display:grid}.tracker-row:last-child{border-bottom:none}.tracker-row:hover{background:var(--color-pale-gray)}.tracker-name{align-items:center;gap:var(--spacing-s);min-width:0;color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);display:flex}.tracker-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tracker-thumbnail{border-radius:var(--radius-small);background:var(--color-pale-gray);flex-shrink:0;width:42px;height:42px;overflow:hidden}.tracker-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.category-badge{padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;display:inline-flex}.category-mindfulness{color:var(--color-dark-teal);background:var(--color-secondary-teal-light)}.category-physical{color:var(--color-deep-teal);background:var(--color-light-cyan)}.category-mental{color:var(--color-mauve);background:var(--color-primary-pink-soft)}.category-rest{color:var(--color-slate);background:var(--color-accent-lavender)}.tracker-rating{align-items:center;gap:var(--spacing-xs);display:flex}.tracker-stars{align-items:center;gap:1px;display:flex}.star{color:var(--color-border-gray);font-size:var(--font-size-m);line-height:1}.star.filled{color:#e6b84d}.rating-value{color:var(--color-dark-gray);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-semibold)}.tracker-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-s);display:flex}.tracker-actions .action-button{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.more-button{font-size:var(--font-size-xl);background:0 0;border:none}.tracker-visibility-switch{width:var(--spacing-xxl);height:var(--font-size-xl);margin-right:var(--spacing-xs);cursor:pointer;align-self:center;align-items:center;display:inline-flex;position:relative}.tracker-visibility-switch input{opacity:0;width:0;height:0;position:absolute}.tracker-toggle-slider{cursor:pointer;background-color:var(--color-borderGray);transition:background-color var(--transition-normal);border-radius:var(--radius-pill);position:absolute;inset:0}.tracker-toggle-slider:before{content:"";height:var(--font-size-l);width:var(--font-size-l);background-color:var(--color-white);transition:transform var(--transition-normal);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);position:absolute;bottom:2px;left:2px}.tracker-visibility-switch input:checked+.tracker-toggle-slider{background-color:var(--color-successGreen)}.tracker-visibility-switch input:checked+.tracker-toggle-slider:before{transform:translateX(var(--font-size-l))}.tracker-management .trackers-loading{justify-content:center;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxl) 0;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);flex-direction:column;display:flex}.tracker-management .trackers-loading .material-symbols-outlined{color:var(--color-warm-gray);font-size:2rem}.tracker-management .pagination-wrapper{margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);justify-content:center;display:flex}.tracker-management .pagination{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);display:flex}.tracker-management .pagination button{justify-content:center;align-items:center;gap:var(--spacing-xs);min-width:28px;height:28px;padding:0 var(--spacing-s);border-radius:var(--radius-pill);color:var(--color-gray);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;background-color:#0000;border:none;display:flex}.tracker-management .pagination button:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.tracker-management .pagination .page-active{background-color:var(--color-primaryPinkLight);color:var(--color-primaryPink)}.tracker-management .pagination-icon{font-size:var(--font-size-s)}@media (width<=900px){.tracker-management{padding:var(--spacing-l)}.tracker-table-header,.tracker-row{grid-template-columns:2fr 1.2fr 1.2fr 100px}}@media (width<=700px){.tracker-management-header{flex-direction:column;align-items:flex-start}.tracker-table-card{overflow-x:auto}.tracker-table-header,.tracker-row{min-width:650px}.new-tracker-button{align-self:flex-start}.tracker-management .pagination-wrapper{padding-bottom:var(--spacing-l)}.tracker-management .pagination{flex-wrap:wrap;justify-content:center}}.modal-overlay{padding:var(--spacing-l);-webkit-backdrop-filter:blur(5px);z-index:var(--z-index-toast);background:#191c1e33;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.modal{border:1px solid var(--color-border-gray);border-radius:var(--radius-medium);background:var(--color-white);width:100%;max-width:400px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-soft);font-family:var(--font-primary);z-index:var(--z-index-modal);position:relative;overflow:hidden}.modal-header{background:var(--color-white);border-bottom:1px solid var(--color-border-gray);padding:10px 16px 8px}.modal-header h2{color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.modal-form{flex-direction:column;max-height:calc(100vh - 40px);display:flex}.modal-content{flex-direction:column;gap:8px;padding:10px 16px;display:flex;overflow:hidden auto}.form-field{flex-direction:column;gap:3px;display:flex}.form-field label{color:var(--color-primaryPink);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;border:1px solid var(--color-border-gray);border-radius:var(--radius-small);background:var(--color-border-gray);width:100%;color:var(--color-dark-gray);font-family:var(--font-primary);font-size:var(--font-size-s);outline:none;transition:border-color .2s,background-color .2s}.form-field input,.form-field select{height:30px;padding:0 8px}.form-field textarea{resize:none;min-height:55px;padding:7px 8px;line-height:1.4}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-slate-gray);opacity:.75}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primaryPink);background:var(--color-pale-gray)}.thumbnail-upload{box-sizing:border-box;border:1px dashed var(--color-border-gray);border-radius:var(--radius-small);background:var(--color-white);width:100%;height:72px;color:var(--color-warm-gray);font-family:var(--font-primary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;transition:border-color .2s,background-color .2s;display:flex}.thumbnail-upload:hover{border-color:var(--color-primaryPink);background:var(--color-primary-pink-soft)}.upload-icon{color:var(--color-warm-gray);font-size:var(--font-size-l);line-height:1}.thumbnail-preview{object-fit:cover;border-radius:var(--radius-small);width:100%;height:100%}.modal-actions{background:var(--color-pale-gray);border-top:1px solid var(--color-border-gray);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:8px 16px;display:flex}.modal-cancel-button,.modal-save-button{border-radius:var(--radius-pill);height:25px;font-family:var(--font-primary);font-size:8px;font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 14px;transition:background-color .2s,border-color .2s,color .2s}.modal-cancel-button{color:var(--color-dark-gray);background:0 0;border:none}.modal-cancel-button:hover{background:var(--color-soft-gray);color:var(--color-black)}.modal-save-button{border:1px solid var(--color-primaryPink);background-color:var(--color-primaryPink);color:var(--color-white);opacity:1}.modal-save-button:hover{border-color:var(--color-mauve);background-color:var(--color-mauve);color:var(--color-white)}@media (width<=500px){.modal-overlay{padding:var(--spacing-s)}.modal{max-width:100%}.modal-content{padding:var(--spacing-m) var(--spacing-l)}.modal-actions{padding:8px var(--spacing-l)}}.session-management{width:100%;max-width:var(--content-max-width);padding:var(--spacing-l) var(--spacing-xxl);box-sizing:border-box;font-family:var(--font-primary);margin:0 auto}.session-breadcrumb{margin-bottom:var(--spacing-xs);color:var(--color-warmGray);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);align-items:center;gap:6px;line-height:1.2;display:flex}.breadcrumb-link{color:var(--color-darkGray);cursor:pointer}.breadcrumb-link:hover{color:var(--color-primaryPink)}.breadcrumb-separator{color:var(--color-warmGray);font-size:var(--font-size-s)}.session-management-header{margin-bottom:var(--spacing-xl)}.session-management-header h1{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.session-list{gap:var(--spacing-xl);flex-direction:column;display:flex}.session-card{border:1px solid var(--color-borderGray);border-radius:var(--radius-medium);background:var(--color-white);box-shadow:var(--shadow-soft);transition:box-shadow .2s,transform .2s;overflow:hidden}.session-card:hover{box-shadow:var(--shadow-soft)}.session-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-l);padding:var(--spacing-l);display:flex}.session-info{align-items:center;gap:var(--spacing-l);min-width:0;display:flex}.session-thumbnail{border-radius:var(--radius-small);background:var(--color-paleGray);flex-shrink:0;width:52px;height:52px;overflow:hidden}.session-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.session-thumbnail .material-symbols-outlined{font-size:22px;line-height:1}.session-details{min-width:0}.session-details h2{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-l);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.3;overflow:hidden}.session-meta{align-items:center;gap:var(--spacing-s);color:var(--color-warmGray);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);margin-top:3px;display:flex}.session-meta>span{align-items:center;gap:3px;display:flex}.session-meta .material-symbols-outlined{font-size:11px}.session-status{padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.status-published{color:var(--color-successGreen);background:var(--color-successGreenLight)}.status-hidden{color:var(--color-warmGray);background:var(--color-paleGray)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.session-card-footer{justify-content:space-between;align-items:center;gap:var(--spacing-l);padding:var(--spacing-l);border-top:1px solid var(--color-borderGray);background:var(--color-white);display:flex}.session-description{color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);flex:1;margin:0;line-height:1.5}.session-mgt-actions{align-items:center;gap:var(--spacing-s);flex-shrink:0;display:flex}.session-mgt-actions .small-primary-button{justify-content:center;align-items:center;gap:var(--spacing-xs);min-width:78px;min-height:42px;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-small);background:var(--color-paleGray);color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;display:inline-flex}.session-mgt-actions .small-primary-button:hover{background:var(--color-softGray)}.session-mgt-actions .material-symbols-outlined{font-size:13px}.session-edit-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);color:var(--color-darkGray);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;display:inline-flex}.session-edit-button:hover{color:var(--color-primaryPink)}.session-edit-button .material-symbols-outlined{font-size:14px}.session-hidden{opacity:.88}.session-hidden .session-details h2{color:var(--color-darkGray)}.sessions-loading{justify-content:center;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxl) 0;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);flex-direction:column;display:flex}.sessions-loading .material-symbols-outlined{color:var(--color-warmGray);font-size:2rem}.session-image-placeholder{background:var(--color-paleGray);width:100%;height:100%;color:var(--color-warmGray);justify-content:center;align-items:center;display:flex}@media (width<=900px){.session-management{padding:var(--spacing-l)}}@media (width<=700px){.session-card-footer{flex-direction:column;align-items:flex-start}.session-mgt-actions{justify-content:flex-end;width:100%}.pagination-wrapper{padding-bottom:var(--spacing-l)}.pagination{flex-wrap:wrap;justify-content:center}}@media (width<=500px){.session-management{padding:var(--spacing-m)}.session-card-header{flex-direction:column;align-items:flex-start}.session-status{align-self:flex-start}.session-info{gap:var(--spacing-s)}}.lesson-management{width:100%;max-width:var(--content-max-width);padding:var(--spacing-xl);box-sizing:border-box;font-family:var(--font-primary);margin:0 auto}.lesson-breadcrumb{align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-xl);font-family:var(--font-primary);font-size:var(--font-size-m);display:flex}.lesson-breadcrumb .breadcrumb-link{color:var(--color-primaryPink);font-weight:var(--font-weight-semibold);cursor:pointer}.lesson-breadcrumb .breadcrumb-link:hover{text-decoration:underline}.lesson-breadcrumb .breadcrumb-separator{color:var(--color-slateGray);font-size:var(--font-size-l)}.lesson-breadcrumb .breadcrumb-session{color:var(--color-gray);font-weight:var(--font-weight-regular)}.lesson-management-header{justify-content:space-between;align-items:center;gap:var(--spacing-l);margin-bottom:var(--spacing-xl);display:flex}.lesson-management-header h1{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.lesson-management-header p{margin:var(--spacing-xs) 0 0;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-regular)}.lesson-list{gap:var(--spacing-l);flex-direction:column;display:flex}.lesson-card{width:100%}.lesson-card-content{align-items:center;gap:var(--spacing-l);padding:var(--spacing-l);box-sizing:border-box;display:flex}.lesson-type-icon{border-radius:var(--radius-small);justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.lesson-type-icon .material-symbols-outlined{font-size:var(--font-size-xl)}.lesson-type-video{color:var(--color-mauve);background-color:var(--color-primaryPinkLight)}.lesson-type-audio{color:var(--color-darkTeal);background:var(--color-secondaryTealLight)}.lesson-type-document{color:var(--color-slateGray);background:var(--color-accentLavender)}.lesson-details{flex:1;min-width:0}.lesson-title-row{align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-xs);display:flex}.lesson-title-row h2{color:var(--color-black);font-family:var(--font-primary);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);margin:0;line-height:1.3}.lesson-type-badge{padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-pill);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;white-space:nowrap;align-items:center;display:inline-flex}.lesson-description{margin:0 0 var(--spacing-s);max-width:750px;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:1.4}.lesson-file-info{margin-top:var(--spacing-xs);color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.lesson-meta{align-items:center;gap:var(--spacing-l);color:var(--color-warm-gray);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);display:flex}.lesson-meta span{align-items:center;gap:var(--spacing-xs);display:flex}.lesson-meta .material-symbols-outlined{font-size:var(--font-size-m)}.lesson-actions{align-items:center;gap:var(--spacing-s);margin-left:auto;display:flex}.lesson-edit-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-small);color:var(--color-primary-pink);font-family:var(--font-primary);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;display:flex}.lesson-edit-button:hover{background:var(--color-primary-pink-soft)}.lesson-edit-button .material-symbols-outlined{font-size:var(--font-size-m)}.lesson-hidden{opacity:.88}.lesson-hidden .lesson-details h2{color:var(--color-darkGray)}.lessons-loading{justify-content:center;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxl) 0;color:var(--color-gray);font-family:var(--font-primary);font-size:var(--font-size-m);flex-direction:column;display:flex}.lessons-loading .material-symbols-outlined{color:var(--color-warmGray);font-size:2rem}.pagination-wrapper{margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);justify-content:center;display:flex}.pagination{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);display:flex}.pagination button{justify-content:center;align-items:center;gap:var(--spacing-xs);min-width:28px;height:28px;padding:0 var(--spacing-s);border-radius:var(--radius-pill);color:var(--color-gray);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;background-color:#0000;border:none;display:flex}.pagination button:hover{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.pagination .page-active{background-color:var(--color-primaryPinkLight);color:var(--color-primaryPink)}.pagination-icon{font-size:var(--font-size-s)}@media (width<=900px){.lesson-management{padding:var(--spacing-l)}}@media (width<=700px){.lesson-management-header{flex-direction:column;align-items:flex-start}.lesson-card-content{flex-wrap:wrap;align-items:flex-start}.lesson-details{width:calc(100% - 58px)}.lesson-actions{width:100%;margin-left:58px}.pagination-wrapper{padding-bottom:var(--spacing-l)}.pagination{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.lesson-management{padding:var(--spacing-l)}.lesson-breadcrumb{flex-wrap:wrap}.lesson-title-row{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.lesson-actions{margin-left:0}}.wm-page{padding:var(--Spacing-pageMarginMobile);max-width:var(--layout-contentMaxWidth);margin:0 auto}.wm-header{margin-bottom:var(--spacing-xxl);justify-content:space-between;align-items:flex-start;display:flex}.wm-header-info h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:var(--spacing-xs);margin-top:0}.wm-header-info p{font-size:var(--font-size-l);color:var(--color-gray);margin:0}.wm-add-btn-content .material-symbols-outlined{font-size:var(--font-size-xl)}.wm-add-btn-content{align-items:center;gap:var(--spacing-s);display:flex}.wm-grid{gap:var(--spacing-xl);grid-template-columns:repeat(1,1fr);display:grid}.wm-card{border-radius:var(--radius-large);padding:var(--spacing-xl);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;border:thin solid var(--color-borderGray)!important;box-shadow:var(--shadow-soft)!important;background:linear-gradient(to bottom right, var(--color-lightCyan) 0%, var(--color-primaryPinkSoft) 100%)!important}.wm-card:hover{transform:translateY(calc(var(--spacing-xs) * -1));box-shadow:var(--shadow-softPinkGlow)!important;border-color:var(--color-borderGray)!important}.wm-card .wc-header{justify-content:space-between;align-items:center;gap:var(--spacing-m);flex-direction:row;display:flex}.wc-title-group{align-items:center;gap:var(--spacing-s);min-width:0;display:flex}.wc-action-tooltip-wrapper{flex-shrink:0}.wc-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.material-symbols-outlined{font-size:var(--font-size-xl);color:var(--color-slateGray)}.wc-divider{background-color:var(--color-borderGray);height:1px;margin:0 0 var(--spacing-l) 0;border:none}.wc-action-btn{transition:all var(--transition-fast);padding:var(--spacing-xs)!important;color:var(--color-gray)!important}.wc-action-btn .material-symbols-outlined{font-size:var(--font-size-xl)}.wc-action-tooltip-wrapper{display:flex}.wc-action-btn.view svg{width:var(--font-size-xl);height:var(--font-size-xl)}.wc-action-btn:hover{background-color:var(--color-softGray)!important;color:var(--color-darkGray)!important}.wc-action-btn.delete:hover{background-color:var(--color-errorRedLight)!important;color:var(--color-errorRed)!important}.wc-description{margin:var(--spacing-l) 0;color:var(--color-darkGray);font-size:var(--font-size-m);line-height:1.5}.wc-response{align-items:center;gap:var(--spacing-s);min-height:var(--spacing-xxl);color:var(--color-darkGray);display:flex}.wc-input{gap:var(--spacing-s);color:var(--color-darkGray);flex-direction:column;display:flex}.wc-input-control{align-items:center;gap:var(--spacing-s);display:flex}.wc-slider{gap:var(--spacing-s);color:var(--color-darkGray);flex-direction:column;display:flex}.wc-slider input[type=range]{width:100%;accent-color:var(--color-secondaryTeal)}.wc-slider-labels{color:var(--color-gray);font-size:var(--font-size-m);justify-content:space-between;display:flex}.wc-options{gap:var(--spacing-s);flex-wrap:wrap;display:flex}.wc-option{justify-content:center;align-items:center;gap:var(--spacing-s);border-radius:var(--radius-pill);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);display:inline-flex;padding:var(--spacing-s) var(--spacing-m)!important;border:1px solid var(--color-borderGray)!important;background-color:var(--color-white)!important;color:var(--color-darkGray)!important;width:auto!important;height:auto!important}.wc-option:hover,.wc-option[aria-pressed=true]{border-color:var(--color-secondaryTeal)!important;background-color:var(--color-secondaryTealLight)!important;color:var(--color-darkTeal)!important}.trackers-loading{align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxl) 0;color:var(--color-gray);text-align:center;flex-direction:column;display:flex}.trackers-loading p{margin:0}@media (width<=640px){.wm-header{align-items:flex-start;gap:var(--spacing-l);flex-direction:column}}@media (width>=768px){.wm-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){:root{--transition-fast:.2s ease;--transition-normal:.3s ease}.wm-page{padding:var(--spacing-xxl) var(--Spacing-pageMarginDesktop)}.wm-grid{grid-template-columns:repeat(3,1fr)}}.wellness-card__option-icon{object-fit:contain;width:24px;height:24px}.wc-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px}.wa-page{padding:var(--spacing-xl);gap:var(--spacing-xl);max-width:var(--layout-contentMaxWidth);flex-direction:column;margin:0 auto;display:flex}.wa-header{align-items:center;gap:var(--spacing-m);display:flex}.wa-header h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.wa-card{border-radius:var(--radius-large);padding:var(--spacing-xl);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;border:thin solid var(--color-borderGray)!important;box-shadow:var(--shadow-soft)!important;background:linear-gradient(to bottom right, var(--color-lightCyan) 0%, var(--color-primaryPinkSoft) 100%)!important}.wa-card:hover{transform:translateY(calc(var(--spacing-xs) * -1));box-shadow:var(--shadow-softPinkGlow)!important;border-color:var(--color-borderGray)!important}.wa-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin-top:0;margin-bottom:var(--spacing-l)}.wa-chart-container{border-radius:var(--radius-large);width:100%;height:400px;padding:var(--spacing-m);border:thin solid var(--color-borderGray);background:#fff;box-shadow:inset 0 2px 4px #00000005}.wa-empty-state{width:100%;height:100%;color:var(--color-gray);flex-direction:column;justify-content:center;align-items:center;display:flex}.wa-empty-icon{margin-bottom:var(--spacing-m);color:var(--color-primaryPink);font-size:48px}.wa-empty-text{font-size:var(--font-size-m);color:var(--color-black);margin:0;font-weight:500}.wa-empty-subtext{font-size:var(--font-size-s);margin-top:var(--spacing-xs);color:var(--color-gray)}.wa-table-container{border-radius:var(--radius-large);border:thin solid var(--color-borderGray);background:#fff;overflow-x:auto;box-shadow:inset 0 2px 4px #00000005}.wa-table{text-align:left;border-collapse:collapse;width:100%}.wa-table th{padding:var(--spacing-m) var(--spacing-l);color:var(--color-black);border-bottom:2px solid var(--color-borderGray);background-color:#00000005;font-weight:600}.wa-table td{padding:var(--spacing-m) var(--spacing-l);color:var(--color-gray);border-bottom:1px solid var(--color-borderGray);transition:background-color .2s}.wa-table tbody tr:last-child td{border-bottom:none}.wa-table tbody tr:hover td{color:var(--color-black);background-color:#ff69b40d}.wa-table-empty{padding:var(--spacing-xl) 0;text-align:center;color:var(--color-gray);font-style:italic}:root{--transition-fast:.2s ease;--transition-normal:.3s ease}.questionnaire-page{padding:var(--Spacing-pageMarginMobile);max-width:var(--layout-contentMaxWidth);margin:0 auto}@media (width>=1024px){:root{--transition-fast:.2s ease;--transition-normal:.3s ease}.questionnaire-page{padding:var(--spacing-xxl) var(--Spacing-pageMarginDesktop)}}.questionnaire-header{margin-bottom:var(--spacing-xxl);justify-content:space-between;align-items:flex-start;display:flex}.questionnaire-header-info h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:var(--spacing-xs);margin-top:0}.questionnaire-header-info p{font-size:var(--font-size-l);color:var(--color-gray);margin:0}.questionnaire-add-btn-content .material-symbols-outlined{font-size:var(--font-size-xl)}.questionnaire-add-btn-content{align-items:center;gap:var(--spacing-s);display:flex}.questionnaire-grid{gap:var(--spacing-xl);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=768px){.questionnaire-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.questionnaire-grid{grid-template-columns:repeat(3,1fr)}}.questionnaire-card{border-radius:var(--radius-large);padding:var(--spacing-xl);--card-border-color:var(--color-secondaryTealLight);--card-hover-border:var(--color-secondaryTeal);--card-hover-shadow:var(--shadow-softPinkGlow);--card-badge-bg:var(--color-white);--card-badge-text:var(--color-darkTeal);--card-action-hover-bg:var(--color-white);--card-action-hover-text:var(--color-darkTeal);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;border:thin solid var(--color-borderGray)!important;box-shadow:var(--shadow-soft)!important;background:linear-gradient(to bottom right, var(--color-lightCyan) 0%, var(--color-primaryPinkSoft) 100%)!important}.questionnaire-card:hover{transform:translateY(calc(var(--spacing-xs) * -1));box-shadow:var(--shadow-softPinkGlow)!important;border-color:var(--color-borderGray)!important}.qc-main-content{gap:var(--spacing-l);margin-bottom:var(--spacing-l);flex-direction:column;display:flex}.qc-header{align-items:flex-start;gap:var(--spacing-s);flex-direction:column;display:flex}.qc-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.qc-category{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill);background-color:var(--color-paleGray);color:var(--color-darkGray)}.qc-meta{gap:var(--spacing-s);flex-direction:column;display:flex}.qc-meta-item{align-items:center;gap:var(--spacing-s);font-size:var(--font-size-m);color:var(--color-gray);display:flex}.qc-meta-item .material-symbols-outlined{font-size:var(--font-size-xl);color:var(--color-slateGray)}.qc-divider{background-color:var(--color-borderGray);height:1px;margin:0 0 var(--spacing-l) 0;border:none}.qc-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.qc-status{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--radius-pill)}.qc-status.published{background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.qc-status.draft{background-color:var(--color-paleGray);color:var(--color-darkGray)}.qc-actions{gap:var(--spacing-xs);display:flex}.qc-action-btn{transition:all var(--transition-fast);padding:var(--spacing-xs)!important;color:var(--color-gray)!important}.qc-action-btn .material-symbols-outlined{font-size:var(--font-size-xl)}.qc-action-tooltip-wrapper{display:flex}.qc-action-btn.view svg{width:var(--font-size-xl);height:var(--font-size-xl)}.qc-action-btn:hover{background-color:var(--color-softGray)!important;color:var(--color-darkGray)!important}.qc-action-btn.delete:hover{background-color:var(--color-errorRedLight)!important;color:var(--color-errorRed)!important}.qc-visibility-switch{width:var(--spacing-xxl);height:var(--font-size-xl);margin-right:var(--spacing-xs);cursor:pointer;align-self:center;align-items:center;display:inline-flex;position:relative}.qc-visibility-switch input{opacity:0;width:0;height:0;position:absolute}.qc-toggle-slider{cursor:pointer;background-color:var(--color-borderGray);transition:background-color var(--transition-normal);border-radius:var(--radius-pill);position:absolute;inset:0}.qc-toggle-slider:before{content:"";height:var(--font-size-l);width:var(--font-size-l);background-color:var(--color-white);transition:transform var(--transition-normal);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);position:absolute;bottom:2px;left:2px}.qc-visibility-switch input:checked+.qc-toggle-slider{background-color:var(--color-successGreen)}.qc-visibility-switch input:checked+.qc-toggle-slider:before{transform:translateX(var(--font-size-l))}@media (width<=640px){.questionnaire-header{align-items:flex-start;gap:var(--spacing-l);flex-direction:column}}.cq-header{margin-bottom:var(--spacing-xxl);justify-content:space-between;align-items:flex-start;max-width:100%;display:flex}.cq-header-info h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:var(--spacing-xs);margin-top:0}.cq-layout{gap:var(--spacing-xxl);grid-template-columns:35fr 65fr;align-items:start;max-width:100%;display:grid}.cq-layout-left,.cq-layout-right{gap:var(--spacing-xl);flex-direction:column;display:flex}.cq-card-header{align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-l);display:flex}.cq-card-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.cq-card-header .material-symbols-outlined{color:var(--color-primaryPink);font-size:var(--font-size-xl)}.cq-form-grid{gap:var(--spacing-l);grid-template-columns:1fr;display:grid}.cq-form-field.full-width{grid-column:1/-1}.cq-empty-state{padding:var(--spacing-xxl);border:thin dashed var(--color-borderGray);border-radius:var(--radius-large);background-color:var(--color-paleGray);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-l);flex-direction:column;display:flex}.cq-empty-state .material-symbols-outlined{font-size:var(--font-size-xxl);color:var(--color-slateGray)}.cq-question-editor{border:thin solid var(--color-borderGray);border-radius:var(--radius-large);padding:var(--spacing-l);background-color:var(--color-white);margin-bottom:var(--spacing-l);gap:var(--spacing-l);flex-direction:column;display:flex}.cq-question-toggles{gap:var(--spacing-xl);margin-top:var(--spacing-s);flex-wrap:wrap;display:flex}.cq-toggle-label{font-size:var(--font-size-m);color:var(--color-darkGray);font-weight:var(--font-weight-semibold)}.cq-saved-question{padding:var(--spacing-l);border:thin solid var(--color-borderGray);border-radius:var(--radius-large);margin-bottom:var(--spacing-m);background-color:var(--color-white);align-items:flex-start;display:flex}.cq-saved-question-text{font-size:var(--font-size-m);color:var(--color-black);flex:1}.cq-badge{font-size:var(--font-size-s);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--radius-small);background-color:var(--color-paleGray);color:var(--color-darkGray);font-weight:var(--font-weight-semibold)}.cq-badge.active{background-color:var(--color-successGreenLight);color:var(--color-successGreen)}.cq-badge.required{background-color:var(--color-primaryPinkSoft);color:var(--color-primaryPink)}.cq-add-more-container{margin:var(--spacing-l) 0;justify-content:center;display:flex}.cq-scale-option-row,.cq-scale-options-header{gap:var(--spacing-l);grid-template-columns:1fr 2fr auto;display:grid}.cq-scale-option-row{margin-bottom:var(--spacing-m);align-items:center}.cq-scale-options-header{margin-bottom:var(--spacing-s)}.cq-scale-label{font-size:var(--font-size-s);color:var(--color-gray);font-weight:var(--font-weight-semibold)}.cq-add-option-row{margin-top:var(--spacing-m);margin-bottom:var(--spacing-l);justify-content:flex-start;display:flex}.cq-question-actions,.cq-response-actions{justify-content:flex-end;gap:var(--spacing-m);display:flex}.cq-question-actions{margin-top:var(--spacing-s)}.cq-response-actions{margin-top:var(--spacing-l);border-top:thin solid var(--color-borderGray);padding-top:var(--spacing-l)}.cq-inline-add-btn{margin-left:var(--spacing-l);padding:var(--spacing-xs) var(--spacing-s)}.cq-form-field,.cq-saved-view{flex-direction:column;display:flex}.cq-saved-view{gap:var(--spacing-s);color:var(--color-darkGray);font-size:var(--font-size-m)}.cq-header-info p,.cq-empty-state p,.cq-saved-view p{margin:0}.cq-header-info p{font-size:var(--font-size-l);color:var(--color-gray)}.cq-empty-state p{color:var(--color-gray)}.cq-saved-view strong{font-weight:var(--font-weight-medium);color:var(--color-black)}.cq-elegant-card{border:thin solid var(--color-primaryPinkLight);transition:transform .3s,box-shadow .3s;background:linear-gradient(145deg, var(--color-primaryPinkSoft) 0%, var(--color-white) 55%)!important}.cq-elegant-card:hover{box-shadow:var(--shadow-softPinkGlow);transform:translateY(-4px)}.cq-header-info .back-button{display:flex!important}.cq-card-header-split{justify-content:space-between}.cq-toggle-group,.cq-card-header-title,.cq-btn-content{align-items:center;gap:var(--spacing-s);display:flex}.cq-btn-content.gap-xs{gap:var(--spacing-xs)}.cq-icon-s{font-size:var(--font-size-m)}.cq-icon-m{font-size:var(--font-size-l)}.cq-form-label{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--color-darkGray);margin-bottom:var(--spacing-s);display:block}.cq-header-actions,.cq-btn-group{gap:var(--spacing-m);display:flex}.cq-btn-group.mb-l{margin-bottom:var(--spacing-l)}.cq-card-description{font-size:var(--font-size-s);color:var(--color-gray);margin-bottom:var(--spacing-l)}.cq-saved-options-list{padding-left:var(--spacing-l);margin:0}.mb-m{margin-bottom:var(--spacing-m)!important}.mt-l{margin-top:var(--spacing-l)!important}.cq-saved-question-badges,.cq-question-list-actions{gap:var(--spacing-s);margin-left:var(--spacing-m);display:flex}.cq-icon-error{color:var(--color-errorRed)!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}