@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Coiny&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-500:oklch(58.5% .233 277.117);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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 components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.w-6{width:calc(var(--spacing)*6)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.min-w-\[42px\]{min-width:42px}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-8{padding-block:calc(var(--spacing)*8)}.pr-2{padding-right:calc(var(--spacing)*2)}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-600{color:var(--color-green-600)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.italic{font-style:italic}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-Poppins);font-size:var(--basefont);color:var(--text-color);background-color:var(--white)}p{margin:0}:root{--primary-color:#1a2e6e;--primary-color-rgb:26,46,110;--primary-hover-color:#2a3f80;--primary-light-color:#3a4f90;--primary-light-bg:#e8eaf6;--text-color:#1c1c1c;--text-primary:#1a2e6e;--text-gray:#84868a;--bg-gray:#f5f7f9;--bg-white:#fff;--bg-primary:#1a2e6e;--border-gray:#f0edff;--dark-gray:#c3c3c3;--white:#fff;--heading1:50px;--heading2:40px;--heading3:30px;--heading4:22px;--heading5:20px;--heading6:18px;--basefont:16px;--smallfont:14px;--extrasmallfont:12px;--border-large-radius:12px;--border-medium-radius:10px;--border-medium-small-radius:8px;--border-small-radius:4px;--box-shadow:0 4px 6px #0000001a;--box-shadow-light:0 2px 4px #0000000d;--box-shadow-dark:0 6px 8px #0003;--z-index-modal:1000;--z-index-tooltip:1100;--z-index-header:900;--font-Coiny:"Poppins",sans-serif;--font-Poppins:"Poppins",sans-serif}.content-width{width:100%;margin:auto}input[type=checkbox],input[type=radio]{accent-color:var(--primary-color);width:18px;height:18px}input,select{outline:none}::selection{background-color:var(--primary-color);color:var(--white)!important}.option-row.enhanced{border:1px solid var(--border-gray);border-radius:var(--border-medium-small-radius);background-color:var(--bg-white);align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.option-text-input{border:1px solid var(--dark-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);flex:1;padding:8px 12px}.multi-answer-controls{align-items:center;gap:8px;display:flex}.weight-input{border:1px solid var(--dark-gray);border-radius:var(--border-small-radius);text-align:center;width:80px;font-size:var(--smallfont);padding:6px 8px}.weight-summary{background-color:var(--primary-light-bg);border-radius:var(--border-medium-small-radius);text-align:center;margin-top:15px;padding:10px}.weight-summary p{font-size:var(--smallfont);color:var(--text-primary);margin-bottom:8px}.normalize-weights-btn{background-color:var(--primary-color);color:var(--white);border-radius:var(--border-small-radius);font-size:var(--smallfont);cursor:pointer;border:none;padding:6px 12px;transition:background-color .3s}.normalize-weights-btn:hover{background-color:var(--primary-hover-color)}.correct-toggle{border:1px solid var(--dark-gray);border-radius:var(--border-small-radius);background-color:var(--bg-white);color:var(--text-color);cursor:pointer;font-size:var(--smallfont);min-width:80px;padding:6px 12px;transition:all .3s}.correct-toggle.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.correct-toggle:hover{background-color:var(--primary-light-color);color:var(--white)}.option-weight{font-size:var(--smallfont);color:var(--primary-color);font-weight:600}.options-list li.correct{background-color:var(--primary-light-bg);border-left:4px solid var(--primary-color);padding-left:12px}.quiz-partial-credit-info{background-color:var(--primary-light-bg);border-radius:var(--border-medium-radius);margin-bottom:20px;padding:15px}.quiz-partial-credit-info h4{color:var(--primary-color);font-size:var(--heading6);margin-bottom:10px}.quiz-partial-credit-info p{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:5px}.quiz-score-breakdown{background-color:var(--bg-gray);border-radius:var(--border-medium-radius);margin-top:20px;padding:15px}.quiz-score-breakdown h4{color:var(--text-primary);font-size:var(--heading6);margin-bottom:15px}.question-score-item{border-bottom:1px solid var(--border-gray);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.question-score-item:last-child{border-bottom:none}.question-score-text{font-size:var(--smallfont);color:var(--text-color)}.question-score-points{font-size:var(--smallfont);color:var(--primary-color);font-weight:600}.partial-credit-badge{color:var(--white);border-radius:var(--border-small-radius);font-size:var(--extrasmallfont);background-color:#f0ad4e;margin-left:8px;padding:2px 8px;font-weight:600;display:inline-block}.full-credit-badge{color:var(--white);border-radius:var(--border-small-radius);font-size:var(--extrasmallfont);background-color:#5cb85c;margin-left:8px;padding:2px 8px;font-weight:600;display:inline-block}.no-credit-badge{color:var(--white);border-radius:var(--border-small-radius);font-size:var(--extrasmallfont);background-color:#d9534f;margin-left:8px;padding:2px 8px;font-weight:600;display:inline-block}.review-question.partial{background-color:#fdf6e3;border-left:4px solid #f0ad4e}.option-weight-hint{font-size:var(--extrasmallfont);color:var(--text-gray);margin-left:8px;font-style:italic}.multi-answer-summary{background-color:var(--primary-light-bg);border-radius:var(--border-small-radius);font-size:var(--smallfont);color:var(--text-primary);margin-top:10px;padding:8px 12px}.module-quiz-config{background-color:var(--bg-gray);border-radius:var(--border-medium-radius);border:1px solid var(--border-gray);margin-top:15px;padding:15px}.module-quiz-config h5{color:var(--text-primary);font-size:var(--heading6);margin-bottom:10px}.quiz-config-row{align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.quiz-config-row .form-group{flex:1;margin-bottom:0}.quiz-config-row label{font-size:var(--smallfont);color:var(--text-color);margin-bottom:5px;font-weight:600;display:block}.quiz-config-row input,.quiz-config-row select{border:1px solid var(--dark-gray);border-radius:var(--border-small-radius);width:100%;font-size:var(--smallfont);padding:8px 12px}.quiz-config-row input[type=checkbox]{width:18px;height:18px}.quiz-config-section{background-color:var(--primary-light-bg);border-radius:var(--border-medium-radius);border:1px solid var(--primary-color);margin:20px 0;padding:15px}.quiz-config-section h5{color:var(--primary-color);font-size:var(--heading6);margin-bottom:15px;font-weight:600}.field-hint{font-size:var(--extrasmallfont);color:var(--text-gray);margin-top:4px;font-style:italic;display:block}.quiz-config-section input[type=number]{background-color:var(--bg-white);transition:border-color .3s}.quiz-config-section input[type=number]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #1a2e6e1a}.quiz-info-panel{background-color:var(--bg-gray);border-radius:var(--border-medium-radius);border:1px solid var(--border-gray);gap:20px;margin:15px 0;padding:15px;display:flex}.quiz-info-item{text-align:center;flex-direction:column;align-items:center;display:flex}.info-label{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:4px;font-weight:500}.info-value{font-size:var(--basefont);color:var(--primary-color);font-weight:600}.quiz-requirements-notice{background-color:var(--primary-light-bg);border-left:4px solid var(--primary-color);border-radius:var(--border-small-radius);margin:15px 0;padding:12px 15px}.quiz-requirements-notice p{font-size:var(--smallfont);color:var(--text-primary);margin:0;line-height:1.4}.quiz-requirements-notice strong{color:var(--primary-color)}.certificate-eligibility{border-radius:var(--border-medium-radius);margin-top:20px;overflow:hidden}.eligibility-message{align-items:flex-start;gap:12px;padding:15px;display:flex}.eligibility-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.eligibility-message.failed{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.eligibility-icon{flex-shrink:0;font-size:24px}.eligibility-message strong{font-size:var(--basefont);margin-bottom:5px;display:block}.eligibility-message p{font-size:var(--smallfont);margin:0;line-height:1.4}.quiz-result-header h2{color:var(--primary-color);text-align:center;margin-bottom:20px}.score-circle.passed{color:var(--white);background:linear-gradient(135deg,#28a745,#20c997);border:3px solid #28a745}.score-circle.failed{color:var(--white);background:linear-gradient(135deg,#dc3545,#fd7e14);border:3px solid #dc3545}@media(max-width:768px){.quiz-info-panel{flex-direction:column;gap:10px}.quiz-info-item{text-align:left;flex-direction:row;justify-content:space-between}.eligibility-message{text-align:center;flex-direction:column;gap:8px}}.quiz-question-type-badge{background-color:var(--primary-color);color:var(--white);border-radius:var(--border-small-radius);font-size:var(--extrasmallfont);margin-left:10px;padding:2px 8px;font-weight:600;display:inline-block}.quiz-question-type-badge.multi-answer{background-color:#17a2b8}.module-progress-enhanced{align-items:center;gap:10px;margin-top:10px;display:flex}.progress-indicator{font-size:var(--smallfont);align-items:center;gap:5px;display:flex}.progress-indicator.content-complete{color:#5cb85c}.progress-indicator.quiz-complete{color:var(--primary-color)}.progress-indicator.incomplete{color:var(--text-gray)}.progress-icon{width:16px;height:16px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.progress-icon.complete{background-color:#5cb85c}.progress-icon.partial{background-color:#f0ad4e}.progress-icon.incomplete{background-color:var(--text-gray)}.section-padding{padding-top:50px;padding-bottom:50px}.commontitle{text-align:center;font-size:var(--heading3);color:var(--secondary-color);margin-bottom:10px;font-weight:600}.commondescription{text-align:center;font-size:var(--heading6);margin-bottom:30px}.flex-center{justify-content:center;align-items:center;display:flex}.error-message{color:red;font-size:var(--smallfont);font-weight:400}@media(max-width:1024px){:root{--heading1:44px;--heading2:36px;--heading3:28px;--heading4:20px;--heading5:18px;--heading6:16px;--basefont:15px;--smallfont:13px;--extrasmallfont:11px}.section-padding{padding-top:40px;padding-bottom:40px}}@media(max-width:768px){:root{--heading1:36px;--heading2:28px;--heading3:22px;--heading4:17px;--heading5:16px;--heading6:14px;--basefont:13px;--smallfont:11px;--extrasmallfont:10px}.section-padding{padding-top:30px;padding-bottom:30px}}@media(max-width:640px)and (orientation:landscape){:root{--heading1:36px;--heading2:28px;--heading3:22px;--heading4:17px;--heading5:16px;--heading6:14px;--basefont:13px;--smallfont:11px;--extrasmallfont:14px}.section-padding{padding-top:25px;padding-bottom:25px}}@media(max-width:576px)and (orientation:portrait){:root{--heading1:36px;--heading2:28px;--heading3:22px;--heading4:17px;--heading5:16px;--heading6:14px;--basefont:13px;--smallfont:11px;--extrasmallfont:14px}.section-padding{padding-top:25px;padding-bottom:25px}}.scroll-to-top-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:9999;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 10px #0003;width:45px!important;height:45px!important}.scroll-to-top-btn.visible{opacity:1;visibility:visible}.scroll-to-top-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-3px)}html.lenis{height:auto}.floating-newsletter-button{background:var(--primary-color);cursor:pointer;width:60px;height:60px;box-shadow:var(--box-shadow-dark);z-index:999;color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;position:fixed;bottom:30px;left:30px}.floating-newsletter-button:hover{background:var(--primary-hover-color);transform:translateY(-3px);box-shadow:0 8px 16px #0000004d}.floating-newsletter-button .floating-button-icon{transition:transform .3s}.floating-newsletter-button:hover .floating-button-icon{transform:scale(1.1)}.floating-button-tooltip{background:var(--text-color);color:#fff;border-radius:var(--border-small-radius);font-size:var(--smallfont);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;padding:8px 12px;transition:all .3s;position:absolute;top:50%;left:70px;transform:translateY(-50%)}.floating-button-tooltip:before{content:"";border:5px solid #0000;border-right-color:var(--text-color);position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.floating-button-tooltip.visible{opacity:1;visibility:visible}.newsletter-modal-overlay{z-index:var(--z-index-modal);background-color:#00000080;justify-content:center;align-items:center;animation:.3s ease-out modal-fade-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.newsletter-modal-content{background:var(--bg-white);border-radius:var(--border-large-radius);width:90%;max-width:500px;max-height:80vh;box-shadow:var(--box-shadow-dark);animation:.3s ease-out modal-slide-up;overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.newsletter-modal-header{border-bottom:1px solid var(--border-gray);justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.newsletter-modal-title{align-items:center;gap:12px;display:flex}.newsletter-modal-title h3{color:var(--text-color);font-size:var(--heading5);margin:0;font-weight:600}.newsletter-modal-icon{color:var(--primary-color);font-size:1.2rem}.newsletter-modal-close{color:var(--text-gray);cursor:pointer;border-radius:var(--border-small-radius);background:0 0;border:none;padding:5px;font-size:1.2rem;transition:all .2s}.newsletter-modal-close:hover{background:var(--bg-gray);color:var(--text-color)}.newsletter-modal-body{padding:25px}.newsletter-modal-description{color:var(--text-gray);text-align:center;margin-bottom:25px;line-height:1.6}.newsletter-modal-form{flex-direction:column;gap:20px;display:flex}.newsletter-form-group{flex-direction:column;gap:8px;display:flex}.newsletter-form-group label{color:var(--text-color);font-weight:500;font-size:var(--smallfont);align-items:center;gap:8px;display:flex}.newsletter-form-group .form-icon{color:var(--primary-color);font-size:.9rem}.newsletter-form-input{border:2px solid var(--border-gray);border-radius:var(--border-medium-small-radius);font-size:var(--basefont);background:var(--bg-white);padding:12px 16px;transition:border-color .3s}.newsletter-form-input:focus{border-color:var(--primary-color);outline:none}.newsletter-form-input::placeholder{color:var(--text-gray)}.newsletter-submit-btn{background:var(--primary-color);color:#fff;border-radius:var(--border-medium-small-radius);font-size:var(--basefont);cursor:pointer;border:none;margin-top:10px;padding:14px 20px;font-weight:600;transition:all .3s}.newsletter-submit-btn:hover:not(:disabled){background:var(--primary-hover-color);transform:translateY(-1px)}.newsletter-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.newsletter-privacy{text-align:center;font-size:var(--smallfont);color:var(--text-gray);margin-top:15px;font-style:italic}.newsletter-success{text-align:center;padding:20px 0}.newsletter-success .success-icon{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.5rem;display:flex}.newsletter-success h4{color:var(--text-color);font-size:var(--heading5);margin-bottom:15px}.newsletter-success p{color:var(--text-gray);margin-bottom:25px;line-height:1.6}.newsletter-success-actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.newsletter-reset-btn,.newsletter-close-btn{border-radius:var(--border-medium-small-radius);font-size:var(--smallfont);cursor:pointer;border:none;padding:10px 20px;font-weight:500;transition:all .3s}.newsletter-reset-btn{background:var(--primary-color);color:#fff}.newsletter-reset-btn:hover{background:var(--primary-hover-color)}.newsletter-close-btn{background:var(--bg-gray);color:var(--text-color)}.newsletter-close-btn:hover{background:var(--dark-gray)}.newsletter-status-info{border-radius:var(--border-medium-radius);background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;align-items:flex-start;gap:15px;margin-bottom:20px;padding:20px;display:flex}.newsletter-status-info .status-icon{color:var(--primary-color);flex-shrink:0;margin-top:2px;font-size:1.5rem}.newsletter-status-info .status-content{flex:1}.newsletter-status-info h4{color:var(--primary-color);font-size:var(--heading6);margin:0 0 8px;font-weight:600}.newsletter-status-info p{color:var(--text-color);margin:0 0 8px;line-height:1.5}.newsletter-status-info .subscription-date{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:15px;font-style:italic}.newsletter-status-info .status-actions{flex-wrap:wrap;gap:10px;display:flex}.newsletter-secondary-btn{border:2px solid var(--primary-color);color:var(--primary-color);border-radius:var(--border-small-radius);font-size:var(--smallfont);cursor:pointer;background:0 0;padding:8px 16px;font-weight:500;transition:all .2s}.newsletter-secondary-btn:hover{background:var(--primary-color);color:#fff}.newsletter-primary-btn{background:var(--primary-color);border:2px solid var(--primary-color);color:#fff;border-radius:var(--border-small-radius);font-size:var(--smallfont);cursor:pointer;padding:8px 16px;font-weight:500;transition:all .2s}.newsletter-primary-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.checking-status{font-size:var(--extrasmallfont);color:var(--text-gray);align-items:center;gap:5px;margin-top:5px;padding:5px 0;font-style:italic;display:flex}.checking-status:before{content:"";border:2px solid var(--primary-color);border-top:2px solid #0000;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}@media(max-width:768px){.floating-newsletter-button{width:50px;height:50px;font-size:18px;bottom:20px;left:20px}.floating-button-tooltip{font-size:var(--extrasmallfont);left:60px}.newsletter-modal-content{max-height:calc(100vh - 40px);margin:20px}.newsletter-modal-header,.newsletter-modal-body{padding:20px}.newsletter-success-actions{flex-direction:column;align-items:center}.newsletter-reset-btn,.newsletter-close-btn{width:100%;max-width:200px}}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.animate-spin{animation:1s linear infinite spin}.border-2{border-style:solid;border-width:2px}.border-3{border-style:solid;border-width:3px}.border-4{border-style:solid;border-width:4px}.border-t-primary-color{border-top-color:var(--primary-color)}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.bg-opacity-80{--tw-bg-opacity:.8}.py-8{padding-top:2rem;padding-bottom:2rem}.mt-3{margin-top:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.summernote-editor-container{border:1px solid #ced4da;border-radius:4px;margin-bottom:20px}.summernote-editor-container .note-editor{border-radius:4px}.summernote-editor-container .note-toolbar{background-color:#f8f9fa;border-bottom:1px solid #ced4da;border-radius:4px 4px 0 0}.summernote-editor-container .note-statusbar{background-color:#f8f9fa;border-top:1px solid #ced4da;border-radius:0 0 4px 4px}.text-content-preview{background-color:#fff;border:1px solid #ced4da;border-radius:4px;margin-top:15px;padding:20px}.html-content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.html-content p{margin-bottom:1rem}.html-content ul,.html-content ol{margin-bottom:1rem;padding-left:2rem}.html-content img{border-radius:4px;max-width:100%;height:auto;margin:1rem 0}.html-content blockquote{background-color:#f8f9fa;border-left:4px solid #ced4da;margin:1rem 0;padding:1rem}.html-content table{border-collapse:collapse;width:100%;margin:1rem 0}.html-content table th,.html-content table td{border:1px solid #ced4da;padding:.5rem}.html-content a{color:#007bff;text-decoration:none}.html-content a:hover{text-decoration:underline}.content-icon{margin-right:8px;font-size:1.2rem}.content-type-badge{background-color:#f0f0f0;border-radius:12px;margin-left:10px;padding:2px 10px;font-size:.8rem}.certificatebgcolor{background-color:var(--primary-color)}.tableRescss{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:200px!important;overflow:hidden!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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 rgba(0, 0, 0, .1);--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));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.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);left:50%;transform:translate(-50%);align-items:center}.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);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;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;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-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%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.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:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.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;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.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{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}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:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}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:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(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:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}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:translate3d(0,2000px,0)}}.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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}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) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}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:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.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-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-wrapper .login-container{display:flex;height:100vh;font-family:var(--font-Poppins)}.login-wrapper .login-left{width:50%;position:relative;background-color:var(--primary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.login-wrapper .bg-image{position:absolute;width:100%;object-fit:cover;z-index:1;height:100%;top:0;bottom:0}.login-wrapper .campusimage{position:absolute;width:100%;z-index:2;bottom:0}.login-wrapper .logo-container{z-index:2;text-align:center;display:grid;align-items:center;justify-content:space-between;justify-items:center}.login-wrapper .logo{width:150px;height:auto;margin-bottom:10px}.login-wrapper .logo-container h1{font-size:var(--heading2);font-family:var(--font-Coiny);margin-top:10px;color:#fff}.login-wrapper .login-right{width:50%;background-color:#fff;padding:3rem;display:grid;align-items:center}.login-wrapper .login-right .login-right-mainheading{width:100%}.login-wrapper .login-right .right-Second_part{width:100%;display:grid;justify-content:center;align-items:center}.login-wrapper .login-right .login-right-mainheading .mainlogoimg{display:flex;align-items:center;justify-content:center}.login-wrapper .login-right .right-Second_part h3{font-size:var(--heading3);font-weight:600;margin-bottom:10px;text-align:center}.login-wrapper .login-right .right-Second_part p{text-align:center}.login-wrapper .right-Second_part .form-group{display:flex;flex-direction:column;width:100%;margin-bottom:15px}.login-wrapper .form-group label{font-size:var(--smallfont);margin-bottom:5px;color:var(--text-color)}.login-wrapper .form-group input{padding:12px;font-size:var(--basefont);background-color:var(--bg-gray);border:1px solid var(--primary-light-color);border-radius:var(--border-large-radius);outline:none}.login-wrapper .phone-input-wrapper{display:flex;align-items:center;border:1px solid var(--primary-light-color);border-radius:var(--border-large-radius);background-color:var(--bg-gray);overflow:hidden;margin-top:5px}.login-wrapper .phone-input-wrapper .phone-prefix{padding:12px;background-color:var(--bg-gray);border-right:1px solid var(--border-gray);font-size:var(--basefont);color:var(--text-color);white-space:nowrap;display:flex;align-items:center}.login-wrapper .phone-input-wrapper .phone-prefix .phoneIcon{width:1rem;height:auto}.login-wrapper .phone-input-wrapper input{flex:1;border:none;outline:none;background:transparent;padding:10px;font-size:var(--basefont)}.login-wrapper .login-btn{padding:12px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light-color));color:#fff;font-weight:600;border-radius:var(--border-large-radius);border:none;margin-bottom:20px;cursor:pointer;font-size:var(--basefont);width:100%;display:block;text-align:center}.login-wrapper .Otp-form-group{display:flex;justify-content:center;gap:12px;margin:20px 0}.login-wrapper .Otp-form-group input{width:60px;height:60px;text-align:center;font-size:var(--heading4);font-weight:500;border:1px solid var(--primary-light-color);border-radius:var(--border-large-radius);background-color:var(--bg-gray);outline:none;transition:border-color .3s}.login-wrapper .Otp-form-group input:focus{border-color:var(--primary-color);background-color:var(--bg-white)}.login-wrapper .resend{text-align:center;font-size:var(--smallfont);color:var(--text-color);margin-bottom:15px}.login-wrapper .resend a{color:var(--primary-color);text-decoration:none;font-weight:500;margin-left:5px}.login-wrapper .back-login{text-align:center;font-size:var(--smallfont);color:var(--primary-color);cursor:pointer;margin-top:20px;font-weight:500}.login-wrapper .form-error{color:red;font-size:var(--extrasmallfont);margin-top:4px;margin-left:2px;font-weight:400;align-items:left;display:flex}@media(max-width:1200px){.login-wrapper .login-right,.login-wrapper .login-left{padding:40px}.login-wrapper .Otp-form-group input{width:56px;height:56px;font-size:var(--heading5)}}@media(max-width:992px){.login-wrapper .login-right,.login-wrapper .login-left{padding:30px}.login-wrapper .logo{width:120px}.login-wrapper .Otp-form-group{gap:10px}.login-wrapper .Otp-form-group input{width:52px;height:52px;font-size:var(--heading5)}}@media(max-width:768px){.login-wrapper .login-container{flex-direction:column}.login-wrapper .login-left,.login-wrapper .login-right{width:100%}.login-wrapper .campusimage .login-wrapper .logo{width:100px}.login-wrapper .logo-container h1,.login-wrapper .login-right h2{font-size:var(--heading4)}.login-wrapper .Otp-form-group{gap:8px}.login-wrapper .Otp-form-group input{width:48px;height:48px;font-size:var(--basefont)}}@media(max-width:576px){.login-wrapper .logo{width:80px}.login-wrapper .login-right h3,.login-wrapper .form-group label,.login-wrapper .subtext,.login-wrapper .divider,.login-wrapper .google-btn{font-size:var(--extrasmallfont)}.login-wrapper .login-right,.login-wrapper .login-left{padding:20px}.login-wrapper .login-btn{padding:10px}.login-wrapper .Otp-form-group input{width:44px;height:44px;font-size:var(--basefont)}}@media(max-width:400px){.login-wrapper .login-type{flex-direction:column}.login-wrapper .Otp-form-group input{width:40px;height:40px;font-size:var(--extrasmallfont)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:var(--border-small-radius);padding:20px;width:90%;max-width:600px;box-shadow:0 4px 20px #00000026;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.credential-card{background-color:#f9f9f9;border-radius:var(--border-small-radius);padding:15px;border:1px solid #eee}.credential-card h4{margin-top:0;margin-bottom:10px;color:#333}.credential-card p{margin:5px 0;color:#666;font-size:.9rem}.test-credentials-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:1px solid #ddd;border-radius:var(--border-small-radius);padding:8px 16px;margin-top:15px;cursor:pointer;color:#666;font-size:.9rem;transition:all .2s}.test-credentials-btn:hover{background-color:#f5f5f5;color:#333}.login-btn{display:block;width:100%;padding:12px;background-color:#1a237e;color:#fff;text-align:center;border-radius:var(--border-small-radius);border:none;font-weight:600;cursor:pointer;transition:background-color .3s}.login-btn:hover{background-color:#0d1757}.login-btn:disabled{background-color:#9fa8da;cursor:not-allowed}.otp-note{text-align:center;font-size:var(--smallfont);color:#666;margin-bottom:15px;font-style:italic}.debug-otp-container{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:var(--border-small-radius);padding:10px;margin:10px 0 20px;text-align:center}.debug-otp-text{color:#856404;font-size:var(--smallfont);margin:0}@media(max-width:300px){body,html{min-width:0!important;width:100vw!important;overflow-x:auto}.form-container,.login-form{min-width:0!important;width:100vw!important;max-width:100vw!important;padding-left:4px!important;padding-right:4px!important;box-sizing:border-box}input,.input-group,.form-control{min-width:0!important;width:100%!important;max-width:100vw!important;font-size:14px!important;padding-left:8px!important;padding-right:8px!important}button,.login-btn{width:100%!important;min-width:0!important;font-size:14px!important;padding:10px 0!important}.input-group{flex-direction:row!important;gap:4px!important}h1,h2,h3,.login-title{font-size:18px!important;word-break:break-word}.logo,.header-image{max-width:80vw!important;height:auto!important}.test-credentials-btn{font-size:12px!important;padding:8px 0!important}}.course-detail-container{margin:0 auto;min-height:100vh;color:var(--text-color)}.course-detail-loading,.course-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:30px}.course-detail-container .loading-spinner{border:4px solid rgba(var(--primary-color-rgb),.1);border-left-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.course-detail-error button{margin-top:20px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-medium-radius);cursor:pointer;font-weight:500;transition:background-color .3s}.course-detail-error button:hover{background-color:var(--primary-light-color)}.course-detail-container .course-detail-header{margin-bottom:30px;padding:30px;background-color:var(--bg-primary);border-radius:var(--border-large-radius);box-shadow:var(--box-shadow-light)}.course-detail-container .course-header-main{display:flex;align-items:flex-start;gap:20px}.course-detail-container .course-thumbnail-header{flex-shrink:0}.course-detail-container .course-header-thumbnail{width:80px;aspect-ratio:1/1;object-fit:cover;border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow-light)}.course-detail-container .course-title-section{flex:1}.course-detail-container .course-title{font-size:var(--heading3);color:var(--white);margin-bottom:15px;font-weight:600}.course-detail-container .course-meta-info{display:flex;flex-wrap:wrap;gap:20px;font-size:var(--smallfont);color:#fff}.course-detail-container .course-meta-info span{display:flex;align-items:center;color:var(--white)}.course-detail-container .course-rating{display:flex;align-items:center}.course-detail-container .star-icon{color:#ffc107;margin-right:5px}.course-detail-container .course-detail-body{display:flex;flex-wrap:wrap;gap:30px}.course-detail-container .course-main-content{flex:1;width:100%}.course-detail-container .course-sidebar{width:350px}.course-detail-container .course-tabs{display:flex;border-bottom:1px solid var(--border-gray);margin-bottom:20px}.course-detail-container .tab-button{padding:15px 20px;background:none;border:none;font-size:var(--basefont);color:var(--text-gray);cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;transition:all .3s ease}.course-detail-container .tab-button:hover{color:var(--primary-color)}.course-detail-container .tab-button.active{color:var(--primary-color);font-weight:600}.course-detail-container .tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color)}.course-detail-container .tab-icon{font-size:16px}.course-detail-container .tab-content{padding:20px 0}.course-detail-container .information-tab{line-height:1.6}.course-detail-container .course-description{margin-bottom:30px}.course-detail-container .course-description p{margin-bottom:20px;line-height:1.7;text-align:justify}.course-detail-container .learning-outcomes,.course-detail-container .requirements{margin-bottom:30px}.course-detail-container .learning-outcomes h3,.course-detail-container .requirements h3{font-size:var(--heading5);color:var(--primary-color);margin-bottom:15px;font-weight:600}.course-detail-container .learning-outcomes ul,.course-detail-container .requirements ul{padding-left:25px}.course-detail-container .learning-outcomes li,.course-detail-container .requirements li{margin-bottom:10px}.course-detail-container .course-details{background-color:var(--primary-light-bg);padding:20px;border-radius:var(--border-medium-radius);margin-bottom:30px}.course-detail-container .course-details p{margin-bottom:10px}.course-detail-container .course-modules-list{margin-top:30px}.course-detail-container .course-modules-list h3{font-size:var(--heading5);color:var(--primary-color);margin-bottom:20px;font-weight:600}.course-detail-container .modules-accordion{display:flex;flex-direction:column;gap:15px}.course-detail-container .module-item{border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);overflow:hidden;transition:all .3s ease}.course-detail-container .module-item:hover{box-shadow:var(--box-shadow-light)}.course-detail-container .module-header{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-white)}.course-detail-container .module-header h4{font-size:var(--basefont);font-weight:500;color:var(--text-color);margin-right:20px}.course-detail-container .module-meta{color:var(--text-gray);font-size:var(--smallfont);margin-right:auto}.course-detail-container .preview-module-btn{background-color:var(--primary-color);color:#fff;border:none;padding:8px 15px;border-radius:var(--border-small-radius);font-size:var(--smallfont);cursor:pointer;transition:background-color .3s ease}.course-detail-container .preview-module-btn:hover{background-color:var(--primary-hover-color)}.course-detail-container .no-modules-message{color:var(--text-gray);text-align:center;padding:20px;background-color:var(--bg-gray);border-radius:var(--border-medium-radius)}.course-detail-container .instructor-info{margin-bottom:30px;padding:20px;background-color:var(--white);border-radius:var(--border-medium-radius)}.course-detail-container .instructor-profile{display:flex;align-items:flex-start}.course-detail-container .instructor-image{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-right:20px;border:3px solid var(--primary-light-color)}.course-detail-container .instructor-image img{width:100%;height:100%;object-fit:cover}.course-detail-container .instructor-details h4{font-size:var(--heading6);color:var(--text-color);margin-bottom:5px}.course-detail-container .instructor-details p{color:var(--text-gray);font-size:var(--smallfont)}.course-detail-container .instructor-role{color:var(--primary-color);font-weight:500;margin-bottom:15px}.course-detail-container .creator-detailed-info{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.course-detail-container .creator-info-item{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:5px}.course-detail-container .creator-info-item strong{color:var(--text-color);font-weight:600;min-width:100px}.course-detail-container .creator-info-item span{color:var(--text-gray);flex:1}.course-detail-container .creator-info-item.bio{flex-direction:column;align-items:flex-start}.course-detail-container .creator-bio{margin-top:5px;color:var(--text-gray);line-height:1.5;font-style:italic}.course-detail-container .creator-social-links{margin-top:15px;padding-top:10px;border-top:1px solid var(--border-light)}.course-detail-container .social-links-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.course-detail-container .social-link{padding:5px 12px;background-color:var(--primary-light-color);color:var(--primary-color);text-decoration:none;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;transition:all .3s ease}.course-detail-container .social-link:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-1px)}.course-detail-container .course-faqs{margin-top:30px}.course-detail-container .course-faqs h3{font-size:var(--heading5);color:var(--primary-color);margin-bottom:20px;font-weight:600}.course-detail-container .faq-list{display:flex;flex-direction:column;gap:15px}.course-detail-container .faq-item{border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);overflow:hidden}.course-detail-container .faq-question{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:var(--bg-white);transition:background-color .3s ease}.course-detail-container .faq-question:hover{background-color:var(--bg-gray)}.course-detail-container .faq-question.active{background-color:var(--primary-light-bg)}.course-detail-container .faq-question h4{font-size:var(--basefont);font-weight:500;color:var(--text-color)}.course-detail-container .faq-arrow{transition:transform .3s ease;color:var(--text-gray)}.course-detail-container .faq-arrow.rotate{transform:rotate(180deg)}.course-detail-container .faq-answer{padding:15px 20px;background-color:var(--bg-white);border-top:1px solid var(--border-gray)}.course-detail-container .reviews-tab{padding:20px 0}.course-detail-container .comments-section h3{font-size:var(--heading5);color:var(--primary-color);margin-bottom:20px;font-weight:600}.course-detail-container .comment-input{margin-bottom:30px}.course-detail-container .comment-input textarea{width:100%;height:120px;padding:15px;border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);resize:none;margin-bottom:15px;font-family:var(--font-Poppins);font-size:var(--basefont)}.course-detail-container .comment-input textarea:focus{border-color:var(--primary-color);outline:none}.course-detail-container .post-comment-button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 25px;border-radius:var(--border-small-radius);font-size:var(--basefont);cursor:pointer;transition:background-color .3s ease}.course-detail-container .post-comment-button:hover{background-color:var(--primary-hover-color)}.course-detail-container .enrolled-users-tab{padding:20px 0}.course-detail-container .enrolled-users-tab h3{font-size:var(--heading5);color:var(--primary-color);margin-bottom:20px;font-weight:600}.course-detail-container .enrolled-users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.course-detail-container .enrolled-user-card{background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);padding:20px;transition:all .3s ease;box-shadow:var(--box-shadow-light)}.course-detail-container .enrolled-user-card:hover{box-shadow:var(--box-shadow);transform:translateY(-3px)}.course-detail-container .user-card-header{display:flex;align-items:center;margin-bottom:15px}.course-detail-container .user-avatar{width:50px;height:50px;border-radius:50%;background-color:var(--primary-light-bg);display:flex;align-items:center;justify-content:center;margin-right:15px}.course-detail-container .user-icon{font-size:22px;color:var(--primary-color);background-color:transparent!important;margin-right:0!important}.course-detail-container .user-details h4{font-size:var(--basefont);color:var(--text-color);margin-bottom:5px;font-weight:500}.course-detail-container .status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:var(--extrasmallfont);font-weight:500;text-transform:capitalize}.course-detail-container .status-in_progress{background-color:#e3f2fd;color:#1976d2}.course-detail-container .status-completed{background-color:#e8f5e9;color:#2e7d32}.course-detail-container .status-enrolled{background-color:#fff8e1;color:#f57f17}.course-detail-container .user-progress{margin-bottom:15px}.course-detail-container .progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:var(--smallfont);color:var(--text-gray)}.course-detail-container .progress-bar{height:8px;background-color:var(--bg-gray);border-radius:4px;overflow:hidden}.course-detail-container .progress-fill{height:100%;background-color:var(--primary-color);border-radius:4px}.course-detail-container .enrollment-dates{font-size:var(--smallfont);color:var(--text-gray);line-height:1.5}.course-detail-container .no-enrolled-users{padding:30px;text-align:center;background-color:var(--bg-gray);border-radius:var(--border-medium-radius);color:var(--text-gray)}.course-detail-container .course-info-card{background-color:var(--bg-white);border-radius:var(--border-medium-radius);overflow:hidden;box-shadow:var(--box-shadow)}.course-detail-container .course-preview{width:100%}.course-detail-container .course-preview-placeholder{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden}.course-detail-container .course-preview-placeholder img{width:100%;height:100%;object-fit:contain}.course-detail-container .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffc;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .3s ease}.course-detail-container .play-button:hover{background-color:#fff}.course-detail-container .video-duration{position:absolute;bottom:15px;right:15px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:var(--smallfont)}.course-detail-container .course-price-section{padding:20px;border-bottom:1px solid var(--border-gray)}.course-detail-container .course-price{font-size:var(--heading5);font-weight:600;margin-bottom:15px;color:var(--primary-color)}.course-detail-container .enroll-button{width:100%;padding:15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:background-color .3s ease}.course-detail-container .enroll-button:hover:not(:disabled){background-color:var(--primary-hover-color)}.course-detail-container .enroll-button:disabled{background-color:var(--text-gray);cursor:not-allowed}.course-detail-container .course-stats{display:flex;padding:20px}.course-detail-container .stat-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 5px}.course-detail-container .stat-info{display:grid;gap:5px;align-items:center;justify-items:center}.comment-edit-textarea{width:100%;padding:15px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-family:var(--font-Poppins);font-size:var(--basefont);resize:vertical;min-height:100px;margin-bottom:15px;background-color:var(--bg-gray);transition:border-color .3s ease;outline:none}.course-detail-container .stat-icon{font-size:24px;color:var(--primary-color);margin-bottom:10px}.course-detail-container .stat-value{font-weight:600;font-size:var(--smallfont);margin-bottom:5px;color:var(--text-color)}.course-detail-container .stat-label{font-size:var(--smallfont);color:var(--text-gray)}.course-detail-container .module-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:20px}.course-detail-container .module-preview-content{background-color:var(--bg-white);width:90%;max-width:1000px;max-height:90vh;border-radius:var(--border-medium-radius);overflow:hidden;display:flex;flex-direction:column;position:relative}.course-detail-container .close-preview{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:var(--text-gray);cursor:pointer;z-index:2}.course-detail-container .module-preview-content h2{padding:20px;margin:0;background-color:var(--primary-color);color:#fff;font-size:var(--heading5);font-weight:500}.course-detail-container .module-content-display{padding:20px;overflow-y:auto;max-height:calc(90vh - 80px)}.course-detail-container .preview-section{margin-bottom:30px}.course-detail-container .preview-section h3{font-size:var(--heading6);margin-bottom:15px;color:var(--primary-color);font-weight:500;border-bottom:1px solid var(--border-gray);padding-bottom:10px}.course-detail-container .module-content-items{display:flex;flex-direction:column;gap:20px}.course-detail-container .content-preview-item{border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);overflow:hidden}.course-detail-container .content-preview-header{padding:15px;background-color:var(--bg-gray);display:flex;justify-content:space-between;align-items:center}.course-detail-container .content-preview-header h4{font-size:var(--basefont);font-weight:500;margin:0}.course-detail-container .content-type-badge{background-color:var(--primary-light-bg);color:var(--primary-color);padding:4px 10px;border-radius:20px;font-size:var(--extrasmallfont);font-weight:500}.course-detail-container .content-description{padding:15px;border-top:1px solid var(--border-gray);font-size:var(--smallfont);color:var(--text-gray)}.course-detail-container .content-preview{padding:15px}.course-detail-container .video-preview,.course-detail-container .youtube-preview{aspect-ratio:16 / 9;width:100%;margin-bottom:15px}.course-detail-container .video-preview video,.course-detail-container .youtube-preview iframe{width:100%;height:100%;border-radius:var(--border-small-radius)}.course-detail-container .image-preview{text-align:center}.course-detail-container .preview-image{max-width:100%;max-height:500px;border-radius:var(--border-small-radius)}.course-detail-container .document-preview{padding:15px;text-align:center}.course-detail-container .document-link{display:inline-flex;align-items:center;padding:10px 20px;background-color:var(--primary-light-bg);color:var(--primary-color);text-decoration:none;border-radius:var(--border-small-radius);font-weight:500;transition:background-color .3s ease}.course-detail-container .document-link:hover{background-color:var(--primary-color);color:#fff}.course-detail-container .document-icon{margin-right:10px}.course-detail-container .no-content-message{padding:30px;text-align:center;background-color:var(--bg-gray);border-radius:var(--border-medium-radius);color:var(--text-gray)}.course-detail-container .module-quiz-section{margin-top:30px}.course-detail-container .quiz-preview{padding:20px;border:1px solid var(--border-gray);border-radius:var(--border-medium-radius)}.course-detail-container .quiz-description{margin-bottom:20px;color:var(--text-gray)}.course-detail-container .quiz-questions-form{display:flex;flex-direction:column;gap:25px}.course-detail-container .quiz-question{border-bottom:1px solid var(--border-gray);padding-bottom:20px}.course-detail-container .quiz-question h4{margin-bottom:15px;font-size:var(--basefont);font-weight:500;color:var(--text-color)}.course-detail-container .quiz-options{display:flex;flex-direction:column;gap:10px}.course-detail-container .quiz-option{display:flex;align-items:center;padding:10px;background-color:var(--bg-gray);border-radius:var(--border-small-radius)}.course-detail-container .quiz-option input{margin-right:10px}.course-detail-container .quiz-submit-container{margin-top:20px;text-align:center}.course-detail-container .quiz-submit-button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 25px;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:background-color .3s ease}.course-detail-container .quiz-submit-button:hover{background-color:var(--primary-hover-color)}.course-detail-container .quiz-results{text-align:center}.course-detail-container .quiz-result-header{margin-bottom:20px}.course-detail-container .result-passed{color:#2e7d32}.course-detail-container .result-failed{color:#d32f2f}.course-detail-container .quiz-score-summary{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.course-detail-container .score-item{text-align:center}.course-detail-container .score-label{display:block;margin-bottom:5px;color:var(--text-gray);font-size:var(--smallfont)}.course-detail-container .score-value{font-size:var(--heading6);font-weight:600;color:var(--text-color)}.course-detail-container .quiz-retry-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-small-radius);font-size:var(--basefont);cursor:pointer;transition:background-color .3s ease}.course-detail-container .quiz-retry-button:hover{background-color:var(--primary-hover-color)}.course-detail-container .no-questions-message{padding:20px;text-align:center;color:var(--text-gray)}@media(max-width:1024px){.course-detail-container .course-detail-body{flex-direction:column}.course-detail-container .course-sidebar{width:100%;order:-1;margin-bottom:30px}}@media(max-width:768px){.course-detail-container .course-header-content{padding:10px 0}.course-detail-container .course-header-main{flex-direction:column;align-items:center;text-align:center;gap:15px}.course-detail-container .course-header-thumbnail{width:100px;height:67px}.course-detail-container .course-title{font-size:var(--heading4)}.course-detail-container .creator-detailed-info{margin-top:10px;padding-top:10px}.course-detail-container .creator-info-item{flex-direction:column;align-items:flex-start;gap:2px}.course-detail-container .creator-info-item strong{min-width:auto}.course-detail-container .social-links-container{justify-content:center}.course-detail-container .course-meta-info{flex-direction:column;gap:10px}.course-detail-container .tab-button{padding:10px 15px}.course-detail-container .enrolled-users-list{grid-template-columns:1fr}.course-detail-container .module-preview-content{width:95%}}@media(max-width:576px){.course-detail-container{padding:10px}.course-detail-container .course-detail-header{padding:20px}.course-detail-container .course-tabs{overflow-x:auto;padding-bottom:5px}.course-detail-container .tab-button{white-space:nowrap}.course-detail-container .quiz-score-summary{flex-direction:column;gap:15px}}.course-comments-section{margin-top:30px;padding:20px;background-color:var(--bg-white);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow-light)}.course-comments-section h3{font-size:var(--heading5);color:var(--text-primary);margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.course-comments-section .comment-icon{color:var(--primary-color)}.comment-form{margin-bottom:30px}.comment-form textarea{width:100%;padding:15px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-family:var(--font-Poppins);font-size:var(--basefont);resize:vertical;min-height:100px;margin-bottom:15px;background-color:var(--bg-gray);transition:border-color .3s ease}.comment-form textarea:focus{outline:none;border-color:var(--primary-color)}.comment-form-actions{display:flex;justify-content:flex-end;gap:10px}.comment-submit-btn{padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:background-color .3s ease}.comment-submit-btn:hover:not(:disabled){background-color:var(--primary-hover-color)}.comment-submit-btn:disabled{background-color:var(--text-gray);cursor:not-allowed}.comment-cancel-btn{padding:10px 20px;background-color:var(--bg-gray);color:var(--text-color);border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:background-color .3s ease}.comment-cancel-btn:hover{background-color:#e5e5e5}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{padding:15px;border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);background-color:var(--bg-white)}.comment-replies-container{margin-top:15px;position:relative}.comment-replies-accordion-header{width:100%;background:var(--bg-gray-light);border:1px solid var(--border-gray);border-radius:var(--border-small-radius);padding:8px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--basefont);color:var(--text-primary);font-weight:500;margin-bottom:10px;transition:background-color .2s ease}.comment-replies-accordion-header span{display:flex;align-items:center}.comment-replies-accordion-header:hover{background-color:var(--bg-gray)}.comment-replies-accordion-header .accordion-icon{margin-right:8px;transition:transform .2s ease}.comment-replies-container.expanded .accordion-icon{transform:rotate(180deg)}.comment-replies{margin-left:20px;display:flex;flex-direction:column;gap:15px;position:relative;transition:max-height .3s ease,opacity .3s ease}.comment-replies.hide{display:none}.comment-replies.show{display:flex}.comment-replies:before{content:"";position:absolute;top:0;left:-20px;width:2px;height:100%;background-color:var(--border-gray)}.reply-item{padding:12px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);background-color:var(--bg-gray-light, #f9f9f9);position:relative}.reply-item:before{content:"";position:absolute;top:20px;left:-20px;width:18px;height:2px;background-color:var(--border-gray)}.nested-replies{margin-top:15px;margin-left:30px;display:flex;flex-direction:column;gap:15px;position:relative}.nested-replies:before{content:"";position:absolute;top:0;left:-15px;width:2px;height:100%;background-color:var(--border-gray)}.nested-reply-item{padding:12px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);background-color:var(--bg-white);position:relative}.nested-reply-item:before{content:"";position:absolute;top:20px;left:-15px;width:13px;height:2px;background-color:var(--border-gray)}.nested-reply-form{margin-left:30px}.replies-toggle-btn{margin-top:10px;margin-left:40px;background:none;border:none;color:var(--primary-color);font-size:var(--smallfont);cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 0;font-weight:500}.replies-toggle-btn:hover{text-decoration:underline}.reply-form{margin-top:15px;margin-left:20px}.reply-toggle-btn{margin-top:10px;background:none;border:none;color:var(--primary-color);font-size:var(--smallfont);cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 0}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-user{display:flex;align-items:center;gap:10px}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-user-info{display:flex;flex-direction:column}.comment-user-name{font-weight:600;color:var(--text-primary);font-size:var(--basefont)}.comment-date{font-size:var(--smallfont);color:var(--text-gray)}.comment-actions{display:flex;gap:10px}.comment-edit-btn,.comment-delete-btn{background:none;border:none;cursor:pointer;font-size:var(--smallfont);display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--border-small-radius);transition:background-color .3s ease}.comment-edit-btn{color:var(--primary-color)}.comment-edit-btn:hover{background-color:rgba(var(--primary-color-rgb),.1)}.comment-delete-btn{color:#dc2626}.comment-delete-btn:hover{background-color:#dc26261a}.comment-content{font-size:var(--basefont);line-height:1.6;color:var(--text-color);word-break:break-word}.no-comments{text-align:center;padding:30px;color:var(--text-gray);font-size:var(--basefont);background-color:var(--bg-gray);border-radius:var(--border-medium-radius)}.comments-loading{display:flex;justify-content:center;align-items:center;padding:30px}.comments-loading .loading-spinner{border:4px solid rgba(var(--primary-color-rgb),.1);border-left-color:var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@media(max-width:768px){.comment-header{flex-direction:column;align-items:flex-start;gap:10px}.comment-actions{align-self:flex-end}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal)}.modal-content{background-color:var(--bg-white);border-radius:var(--border-small-radius);padding:20px;box-shadow:var(--box-shadow);max-height:80vh;overflow-y:auto;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:600px}.modal-large{width:90%;max-width:800px}.modal-header{display:flex;align-items:center;margin-bottom:20px;position:relative}.modal-header h3{margin:0;font-size:var(--heading5);color:var(--text-color);flex-grow:1}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-gray);display:flex;align-items:center;justify-content:center;padding:0;margin-left:auto}.close-btn:hover{color:var(--text-color)}.modal-body{margin-bottom:20px;font-size:var(--basefont);color:var(--text-color);line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-button{padding:8px 16px;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;border:none;transition:background-color .2s,transform .1s}.modal-button:hover{transform:translateY(-1px)}.modal-button:active{transform:translateY(0)}.modal-button.primary{background-color:var(--primary-color);color:#fff}.modal-button.primary:hover{background-color:var(--primary-hover-color)}.modal-button.secondary{background-color:var(--bg-gray);color:var(--text-color)}.modal-button.secondary:hover{background-color:var(--dark-gray)}.modal-button.danger{background-color:#dc3545;color:#fff}.modal-button.danger:hover{background-color:#c82333}.modal-button.success{background-color:#28a745;color:#fff}.modal-button.success:hover{background-color:#218838}.modal-button.warning{background-color:#ffc107;color:#212529}.modal-button.warning:hover{background-color:#e0a800}.modal-icon{font-size:24px;margin-right:12px}.modal-icon.success{color:#28a745}.modal-icon.error{color:#dc3545}.modal-icon.warning{color:#ffc107}.modal-icon.info{color:var(--primary-color)}.modal-success .modal-header h3{color:#28a745}.modal-error .modal-header h3{color:#dc3545}.modal-warning .modal-header h3{color:#ffc107}.modal-info .modal-header h3{color:var(--primary-color)}@media(max-width:768px){.modal-content{width:95%;padding:15px}.modal-header h3{font-size:var(--heading6)}.modal-body{font-size:var(--smallfont)}.modal-footer{flex-direction:column}.modal-button{width:100%;margin-bottom:8px}}.course-forum{padding:20px;background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow-light)}.forum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-gray)}.forum-title{display:flex;align-items:center;gap:10px}.forum-icon{color:var(--primary-color);font-size:1.2rem}.forum-title h3{margin:0;color:var(--text-dark);font-size:1.4rem}.new-thread-btn{display:flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--border-small-radius);cursor:pointer;font-weight:500;transition:background-color .2s ease}.new-thread-btn:hover{background:var(--primary-dark)}.new-thread-form{background:var(--bg-light);border:1px solid var(--border-gray);border-radius:var(--border-small-radius);padding:20px;margin-bottom:20px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-header h4{margin:0;color:var(--text-dark)}.close-form-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:1.2rem;padding:5px}.close-form-btn:hover{color:var(--text-dark)}.form-group{margin-bottom:15px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-gray);border-radius:var(--border-radius);font-size:14px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-dark)}.tags-input{flex:1;padding:8px 12px;border:1px solid var(--border-gray);border-radius:var(--border-radius);font-size:14px}.form-actions button{padding:10px 20px;border:none;border-radius:var(--border-small-radius);cursor:pointer;font-weight:500;transition:all .2s ease}.form-actions button[type=button]{background:var(--bg-gray);color:var(--text-dark)}.submit-btn{background:var(--primary-color);color:#fff}.submit-btn:hover{background:var(--primary-hover-color)}.threads-list{display:flex;flex-direction:column;gap:15px}.thread-item{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--border-radius);padding:15px;transition:box-shadow .2s ease}.thread-item:hover{box-shadow:var(--box-shadow-light)}.thread-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.thread-meta{display:flex;gap:5px;margin-top:2px}.question-icon{color:var(--warning-color)}.pinned-icon{color:var(--error-color)}.solved-icon{color:var(--success-color)}.thread-title{margin:0;color:var(--text-dark);cursor:pointer;font-size:1.1rem;font-weight:600;transition:color .2s ease}.thread-title:hover{color:var(--primary-color)}.thread-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.thread-author{display:flex;align-items:center;gap:8px}.author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.author-name{font-weight:500;color:var(--text-dark)}.author-role{color:var(--text-gray);font-weight:400;margin-left:5px}.thread-stats{display:flex;align-items:center;gap:15px;font-size:.9rem;color:var(--text-gray)}.thread-views{display:flex;align-items:center;gap:4px}.thread-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.thread-tag{background:var(--bg-light);color:var(--text-dark);padding:4px 8px;border-radius:12px;font-size:.8rem;border:1px solid var(--border-gray)}.thread-details{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-gray)}.thread-content{margin-bottom:15px}.thread-content p{margin-bottom:10px;line-height:1.6;color:var(--text-dark)}.thread-actions{display:flex;gap:10px}.like-btn,.reply-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--border-gray);padding:6px 12px;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:all .2s ease}.like-btn:hover,.reply-btn:hover{background:var(--bg-light)}.like-btn.liked{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.reply-form{background:var(--bg-light);padding:15px;border-radius:var(--border-radius);margin-bottom:15px}.reply-form textarea{width:100%;padding:10px;border:1px solid var(--border-gray);border-radius:var(--border-radius);resize:vertical;margin-bottom:10px}.reply-actions{display:flex;gap:10px;justify-content:flex-end}.reply-actions button{padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem}.reply-actions button:first-child{background:var(--bg-gray);color:var(--text-dark)}.submit-reply-btn{background:var(--primary-color);color:#fff}.replies-list{display:flex;flex-direction:column;gap:12px}.reply-item{background:var(--bg-light);padding:12px;border-radius:var(--border-radius);border-left:3px solid var(--primary-color)}.reply-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reply-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.reply-author-name{font-weight:500;color:var(--text-dark);font-size:.9rem}.reply-author-role{color:var(--text-gray);font-weight:400;margin-left:5px}.reply-date{color:var(--text-gray);font-size:.8rem;margin-left:auto}.reply-content p{margin:0;line-height:1.5;color:var(--text-dark)}.answer-badge{display:inline-block;background:var(--success-color);color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;margin-top:5px}.no-threads{text-align:center;padding:40px 20px;color:var(--text-gray)}.no-threads-icon{font-size:3rem;margin-bottom:15px;color:var(--border-gray)}.no-threads h4{margin:0 0 10px;color:var(--text-dark)}.no-threads p{margin:0 0 20px}.start-discussion-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-small-radius);cursor:pointer;font-weight:500}.start-discussion-btn:hover{background:var(--primary-hover-color)}.forum-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-gray)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-gray);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.forum-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-radius:var(--border-radius);gap:20px}.category-filters{display:flex;gap:10px;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-white);border:2px solid var(--border-gray);border-radius:var(--border-small-radius);color:var(--text-gray);cursor:pointer;transition:all .3s ease;font-size:var(--smallfont);font-weight:500}.category-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.category-icon{font-size:.9rem}.sort-options{display:flex;align-items:center;gap:10px}.sort-select{padding:8px 12px;border:2px solid var(--border-gray);border-radius:var(--border-small-radius);background:var(--bg-white);color:var(--text-color);font-size:var(--smallfont);cursor:pointer;transition:border-color .3s ease}.sort-select:focus{outline:none;border-color:var(--primary-color)}.category-select{padding:10px 12px;border:2px solid var(--border-gray);border-radius:var(--border-radius);background:var(--bg-white);color:var(--text-color);font-size:var(--basefont);cursor:pointer;transition:border-color .3s ease;width:100%}.category-select:focus{outline:none;border-color:var(--primary-color)}.thread-item{position:relative;transition:all .3s ease}.thread-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;border-radius:0 4px 4px 0;transition:background .3s ease}.thread-item:hover:before{background:var(--primary-color)}.thread-item.question:before{background:var(--warning-color)}.thread-item.solved:before{background:var(--success-color)}.thread-category{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--primary-light-bg);color:var(--primary-color);border-radius:12px;font-size:var(--extrasmallfont);font-weight:500;margin-left:10px}@media(max-width:768px){.forum-header,.forum-filters{flex-direction:column;gap:15px;align-items:stretch}.category-filters{justify-content:center}.category-btn{flex:1;justify-content:center;min-width:120px}.sort-options{justify-content:center}.thread-info{flex-direction:column;gap:10px;align-items:flex-start}.thread-stats{gap:10px}.form-options{flex-direction:column;align-items:flex-start;gap:10px}.tags-input{width:100%}.thread-actions{flex-wrap:wrap}.thread-category{margin-left:0;margin-top:5px}}.enroll-course-detail{width:100%;min-height:100vh;margin:0 auto;font-family:var(--font-Poppins)}.enroll-course-detail .course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative}.enroll-course-detail .course-header h1{font-size:var(--heading4);font-weight:600;color:var(--text-color);margin-right:auto}.enroll-course-detail .progress-container{display:flex;align-items:center;width:250px}.enroll-course-detail .progress-bar:not(.custom-progress){height:5px;width:200px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.enroll-course-detail .progress-bar:not(.custom-progress):before{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background-color:#ffb800;border-radius:10px}.enroll-course-detail .progress-text{margin-left:10px;font-size:var(--smallfont);color:var(--text-gray);font-weight:500}.enroll-course-detail .custom-progress{width:100%}.enroll-course-detail .user-profile{display:flex;align-items:center}.enroll-course-detail .user-profile svg{color:var(--primary-color);margin-right:10px}.enroll-course-detail .user-profile span{font-size:var(--smallfont);color:var(--text-color);font-weight:500}.enroll-course-detail .course-content-container{display:flex;gap:30px}.enroll-course-detail .video-container{flex:7}.enroll-course-detail .video-wrapper{width:100%;position:relative;margin-bottom:20px;border-radius:var(--border-large-radius);overflow:hidden;max-height:500px}.enroll-course-detail .video-player{height:500px;background-color:#1a2e6e0d;object-fit:contain}.enroll-course-detail .html-content-preview{background-color:#fff;padding:20px;border-radius:var(--border-small-radius);border:1px solid #e0e0e0;max-height:500px;overflow-y:auto}.enroll-course-detail .html-content h1,.enroll-course-detail .html-content h2,.enroll-course-detail .html-content h3,.enroll-course-detail .html-content h4,.enroll-course-detail .html-content h5,.enroll-course-detail .html-content h6{margin-top:1em;margin-bottom:.5em;font-weight:600;color:var(--text-color)}.enroll-course-detail .html-content p{margin-bottom:1em;line-height:1.6}.enroll-course-detail .html-content ul,.enroll-course-detail .html-content ol{margin-bottom:1em;padding-left:2em}.enroll-course-detail .html-content li{margin-bottom:.5em}.enroll-course-detail .html-content table{width:100%;border-collapse:collapse;margin-bottom:1em}.enroll-course-detail .html-content th,.enroll-course-detail .html-content td{border:1px solid #e0e0e0;padding:8px 12px;text-align:left}.enroll-course-detail .html-content th{background-color:#f5f5f5;font-weight:600}.enroll-course-detail .html-content img{max-width:100%;height:auto;border-radius:4px;margin:1em 0}.enroll-course-detail .html-content code{background-color:#f5f5f5;padding:2px 4px;border-radius:4px;font-family:monospace}.enroll-course-detail .html-content pre{background-color:#f5f5f5;padding:1em;border-radius:4px;overflow-x:auto;margin-bottom:1em;font-family:monospace}.enroll-course-detail .video-placeholder{width:100%;height:400px;background-color:#000;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(#0009,#0009),linear-gradient(to right,var(--primary-color),#3a4f90);background-size:cover;background-position:center}.enroll-course-detail .play-button{position:absolute;background:none;border:none;font-size:60px;color:var(--white);cursor:pointer;transition:transform .3s ease}.enroll-course-detail .play-button:hover{transform:scale(1.1)}.enroll-course-detail .fullscreen-button{position:absolute;bottom:15px;right:15px;background:#00000080;border:none;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--white);cursor:pointer}.enroll-course-detail .download-section{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-gray);margin-bottom:20px}.enroll-course-detail .download-section p{font-size:var(--basefont);color:var(--text-color);font-weight:500}.enroll-course-detail .download-button{display:flex;align-items:center;gap:8px;padding:8px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;transition:background-color .3s ease}.enroll-course-detail .download-button:hover{background-color:var(--primary-hover-color)}.enroll-course-detail .personal-note-section{margin-top:30px}.enroll-course-detail .personal-note-section h3{font-size:var(--heading5);font-weight:600;color:var(--text-color);margin-bottom:5px}.enroll-course-detail .note-description{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:15px}.enroll-course-detail .note-textarea{width:100%;min-height:100px;padding:15px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-family:var(--font-Poppins);font-size:var(--smallfont);color:var(--text-color);resize:none;margin-bottom:20px}.enroll-course-detail .note-textarea:focus{outline:none;border-color:var(--primary-color)}.enroll-course-detail .attachment-section{margin-bottom:20px}.enroll-course-detail .attachment-section h4{font-size:var(--basefont);font-weight:500;color:var(--text-color);margin-bottom:10px}.enroll-course-detail .attachment-input{border:1px solid var(--border-gray);border-radius:var(--border-small-radius);padding:10px;height:60px;display:flex;align-items:center}.enroll-course-detail .attachment-button{background:none;border:none;color:var(--primary-color);font-size:20px;cursor:pointer}.enroll-course-detail .save-note-button{width:100%;max-width:140px;padding:10px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:background-color .3s ease}.enroll-course-detail .save-note-button:hover{background-color:var(--primary-hover-color)}.enroll-course-detail .course-sidebar{flex:4;background-color:var(--bg-white);border-radius:var(--border-large-radius);box-shadow:var(--box-shadow-light);overflow:hidden}.enroll-course-detail .tab-container{display:flex;border-bottom:1px solid var(--border-gray)}.enroll-course-detail .tab-button{flex:1;padding:15px;background:none;border:none;font-size:var(--basefont);font-weight:500;color:var(--text-gray);cursor:pointer;transition:color .3s ease;position:relative}.enroll-course-detail .tab-button.active{color:var(--primary-color)}.enroll-course-detail .tab-button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color)}.enroll-course-detail .course-sections{padding:15px}.enroll-course-detail .course-section{margin-bottom:15px}.enroll-course-detail .section-header{display:flex;align-items:center;padding:15px;border-radius:var(--border-small-radius);background-color:var(--bg-white);cursor:pointer;transition:all .3s ease;box-shadow:var(--box-shadow-light);position:relative}.enroll-course-detail .section-header:hover{background-color:var(--bg-gray)}.enroll-course-detail .section-header.locked-module{background-color:var(--bg-gray);opacity:.8;cursor:not-allowed;border-left:3px solid #ef4444}.enroll-course-detail .section-header.locked-module:hover{box-shadow:var(--box-shadow-light);transform:none}.enroll-course-detail .section-header.locked-module .section-title h3,.enroll-course-detail .section-header.locked-module .section-title p{color:var(--text-gray)}.enroll-course-detail .section-number{width:30px;height:30px;background-color:var(--primary-light-bg);color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--smallfont);font-weight:600;margin-right:15px;flex-shrink:0}.enroll-course-detail .section-title{flex-grow:1}.enroll-course-detail .section-title h3{font-size:var(--basefont);font-weight:600;color:var(--text-color);margin-bottom:5px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.enroll-course-detail .module-compulsory-badge,.enroll-course-detail .module-optional-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:var(--extrasmallfont);font-weight:500;margin-left:8px}.enroll-course-detail .module-compulsory-badge{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.enroll-course-detail .module-optional-badge{background-color:#6b72801a;color:var(--text-gray)}.enroll-course-detail .section-title p{font-size:var(--smallfont);color:var(--text-gray)}.enroll-course-detail .section-toggle{color:var(--text-gray)}.enroll-course-detail .section-content{padding:15px;background-color:var(--bg-white);margin-top:10px;border-radius:var(--border-small-radius);box-shadow:var(--box-shadow-light)}.enroll-course-detail .topic-item{display:flex;padding:15px 0;border-bottom:1px solid var(--border-gray)}.enroll-course-detail .topic-item:last-child{border-bottom:none}.enroll-course-detail .topic-icon{margin-right:15px;color:var(--primary-color);font-size:20px;display:flex;align-items:flex-start;padding-top:5px}.enroll-course-detail .topic-details{flex-grow:1}.enroll-course-detail .topic-details h4{font-size:var(--basefont);font-weight:500;color:var(--text-color);margin-bottom:5px}.enroll-course-detail .topic-details p{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:5px}.enroll-course-detail .topic-description{font-size:var(--smallfont);color:var(--text-color);margin-bottom:10px;line-height:1.5}.enroll-course-detail .session-toggle{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.enroll-course-detail .module-quiz-container{margin-top:15px;border-top:1px dashed var(--border-gray);padding-top:15px}.enroll-course-detail .quiz-topic-item{border-radius:var(--border-small-radius)}.enroll-course-detail .quiz-icon{color:var(--primary-color)}.enroll-course-detail .quiz-action{display:flex;align-items:center;gap:15px;margin-top:10px}.enroll-course-detail .take-quiz-button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;transition:all .3s ease}.enroll-course-detail .take-quiz-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.enroll-course-detail .quiz-result-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:var(--extrasmallfont);font-weight:600}.enroll-course-detail .quiz-result-badge.passed{background-color:#10b9811a;color:#10b981}.enroll-course-detail .quiz-result-badge.failed{background-color:#ef44441a;color:#ef4444}.enroll-course-detail .session-toggle p{font-size:var(--smallfont);color:var(--text-color);margin-bottom:0}.enroll-course-detail .toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.enroll-course-detail .toggle-switch input{opacity:0;width:0;height:0}.enroll-course-detail .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.enroll-course-detail .toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.enroll-course-detail input:checked+.toggle-slider{background-color:var(--primary-color)}.enroll-course-detail input:checked+.toggle-slider:before{transform:translate(18px)}@media(max-width:1024px){.enroll-course-detail .course-content-container{flex-direction:column}.enroll-course-detail .video-placeholder{height:350px}}@media(max-width:768px){.enroll-course-detail .course-header{flex-direction:column;align-items:flex-start}.enroll-course-detail .course-header h1{margin-bottom:15px}.enroll-course-detail .progress-container{margin-bottom:15px;margin-right:0}.enroll-course-detail .video-placeholder{height:300px}}@media(max-width:576px){.enroll-course-detail .video-placeholder{height:250px}.enroll-course-detail .play-button{font-size:50px}}.enroll-course-detail .loading-container,.enroll-course-detail .error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;text-align:center;padding:2rem}.enroll-course-detail .loading-spinner{width:50px;height:50px;border:5px solid var(--border-gray);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.enroll-course-detail .error-container h2{color:var(--text-color);font-size:var(--heading4);margin-bottom:1rem}.enroll-course-detail .error-container p{color:var(--text-gray);font-size:var(--basefont)}.enroll-course-detail .no-content-message,.enroll-course-detail .no-modules-message{padding:15px;color:var(--text-gray);text-align:center;font-size:var(--basefont)}.enroll-course-detail .quizzes-tab{padding:15px}.enroll-course-detail .quiz-card{background-color:var(--bg-white);border-radius:var(--border-small-radius);box-shadow:var(--box-shadow-light);margin-bottom:20px;overflow:hidden}.enroll-course-detail .accordion-quiz{transition:box-shadow .3s ease}.enroll-course-detail .accordion-quiz:hover{box-shadow:0 4px 12px #0000001a}.enroll-course-detail .quiz-header{padding:20px;border-bottom:1px solid var(--border-gray);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.enroll-course-detail .quiz-header:hover{background-color:var(--bg-gray)}.enroll-course-detail .quiz-header.quiz-attempted{background-color:#4a6cf70d}.enroll-course-detail .quiz-title-section{flex:1}.enroll-course-detail .quiz-header h3{font-size:var(--heading6);color:var(--text-color);margin-bottom:10px;font-weight:600}.enroll-course-detail .quiz-description{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:5px}.enroll-course-detail .quiz-status{display:flex;align-items:center;gap:15px}.enroll-course-detail .quiz-result-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff}.enroll-course-detail .quiz-result-badge.passed{background-color:#4caf50;color:#fff}.enroll-course-detail .quiz-result-badge.failed{background-color:#f44336;color:#fff}.enroll-course-detail .toggle-icon{color:var(--text-gray);font-size:16px;transition:transform .3s ease}.enroll-course-detail .quiz-content{padding:0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.enroll-course-detail .quiz-empty-state{padding:20px;text-align:center}.enroll-course-detail .no-questions-message,.enroll-course-detail .no-quizzes-message{padding:20px;text-align:center;color:var(--text-gray);font-size:var(--basefont)}.enroll-course-detail .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.enroll-course-detail .loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:15px}.enroll-course-detail .quiz-submission-container{padding:0;box-shadow:none;border-radius:0}.enroll-course-detail .quiz-submission-container .quiz-header{padding:20px;border-bottom:1px solid var(--border-gray);cursor:default;flex-direction:column}.enroll-course-detail .quiz-submission-container .quiz-questions{padding:20px}.enroll-course-detail .quiz-submission-container .quiz-question{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-gray)}.enroll-course-detail .quiz-submission-container .quiz-question:last-child{border-bottom:none}.enroll-course-detail .quiz-submission-container .quiz-option{display:flex;align-items:center;padding:12px 15px;background-color:var(--bg-gray);border-radius:var(--border-small-radius);cursor:pointer;transition:background-color .2s ease;margin-bottom:8px}.enroll-course-detail .quiz-submission-container .quiz-option:hover{background-color:var(--primary-light-bg)}.enroll-course-detail .quiz-submission-container .quiz-submit-btn{background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-small-radius);padding:12px 24px;font-size:var(--basefont);font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:15px}.enroll-course-detail .quiz-submission-container .quiz-submit-btn:hover{background-color:var(--primary-hover-color)}.enroll-course-detail .quiz-submission-container .quiz-results{padding:20px}.enroll-course-detail .quiz-submission-container .quiz-result-header{text-align:center;margin-bottom:30px}.enroll-course-detail .quiz-submission-container .quiz-score{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.enroll-course-detail .quiz-submission-container .score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:15px;color:#fff}.enroll-course-detail .quiz-submission-container .score-circle.passed{background-color:#4caf50}.enroll-course-detail .quiz-submission-container .score-circle.failed{background-color:#f44336}.enroll-course-detail .quiz-submission-container .quiz-answers-review{margin-top:30px}.enroll-course-detail .quiz-submission-container .review-question{margin-bottom:25px;padding:15px;border-radius:var(--border-small-radius);background-color:#f9f9f9}.enroll-course-detail .quiz-submission-container .review-question.correct{border-left:4px solid #4caf50}.enroll-course-detail .quiz-submission-container .review-question.incorrect{border-left:4px solid #f44336}.enroll-course-detail .quiz-submission-container .review-option{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:var(--border-small-radius);background-color:#fff;border:1px solid #e0e0e0;margin-bottom:8px}.enroll-course-detail .quiz-submission-container .review-option.selected{background-color:#f0f0f0}.enroll-course-detail .quiz-submission-container .review-option.correct-answer{border:1px solid #4caf50;background-color:#4caf501a}.enroll-course-detail .quiz-submission-container .review-option.selected:not(.correct-answer){border:1px solid #f44336;background-color:#f443361a}.enroll-course-detail .quiz-submission-container .correct-answer-note{margin-top:12px;padding:8px 12px;background-color:#4caf501a;border-radius:var(--border-small-radius);color:#4caf50;font-weight:500}.enroll-course-detail .quiz-submission-container .quiz-retry-btn{background-color:#f0f0f0;color:#333;border:none;border-radius:var(--border-small-radius);padding:10px 20px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:20px}.enroll-course-detail .quiz-submission-container .quiz-retry-btn:hover{background-color:#e0e0e0}.enroll-course-detail .certificates-tab{padding:15px}.enroll-course-detail .certificate-card{display:flex;background-color:var(--bg-white);border-radius:var(--border-small-radius);box-shadow:var(--box-shadow-light);padding:20px;margin-bottom:20px;align-items:center;justify-content:space-between!important}.enroll-course-detail .certificate-icon{margin-right:20px;color:var(--primary-color)}.enroll-course-detail .trophy-icon{font-size:40px;color:#ffb800}.enroll-course-detail .progress-circle{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.enroll-course-detail .progress-percentage{position:absolute;font-size:var(--smallfont);font-weight:600;color:var(--primary-color)}.enroll-course-detail .certificate-details{flex-grow:1}.enroll-course-detail .certificate-details h3{font-size:var(--basefont);color:var(--text-color);font-weight:600;margin-bottom:5px}.enroll-course-detail .certificate-status{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:5px}.enroll-course-detail .status-completed{color:#28a745;font-weight:500}.enroll-course-detail .status-in-progress{color:orange;font-weight:500}.enroll-course-detail .completion-date{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:5px}.enroll-course-detail .certificate-progress-text{font-size:var(--smallfont);color:var(--text-gray)}.enroll-course-detail .certificate-actions{margin-left:15px}.enroll-course-detail .download-certificate-button,.enroll-course-detail .view-requirements-button{display:flex;align-items:center;gap:8px;padding:8px 15px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.enroll-course-detail .download-certificate-button:hover,.enroll-course-detail .view-requirements-button:hover{background-color:var(--primary-hover-color)}.enroll-course-detail .view-requirements-button{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.enroll-course-detail .view-requirements-button:hover{background-color:var(--primary-light-bg);color:var(--primary-color)}@media(max-width:768px){.enroll-course-detail .certificate-card{flex-direction:column;align-items:flex-start}.enroll-course-detail .certificate-icon{margin-bottom:15px;margin-right:0}.enroll-course-detail .certificate-actions{margin-left:0;margin-top:15px;align-self:flex-start}}.enroll-course-detail .locked-module{opacity:.7;cursor:default;border-left:3px solid #ff9800;background-color:#ff98000d}.enroll-course-detail .locked-module .section-toggle{color:#ff9800}.enroll-course-detail .locked-module:hover{background-color:#ff98001a}.enroll-course-detail .certificates-list{display:flex;flex-direction:column;gap:15px}.enroll-course-detail .certificate-card{background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--border-small-radius);padding:15px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.enroll-course-detail .certificate-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.enroll-course-detail .certificate-header{margin-bottom:15px}.enroll-course-detail .certificate-header h3{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:5px}.enroll-course-detail .certificate-header p{font-size:14px;color:var(--text-gray)}.enroll-course-detail .certificate-actions{display:flex;gap:10px}.enroll-course-detail .view-certificate-btn,.enroll-course-detail .verify-certificate-btn,.enroll-course-detail .generate-certificate-btn{padding:8px 12px;border-radius:var(--border-small-radius);font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:background-color .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.enroll-course-detail .view-certificate-btn{background-color:var(--primary-color);color:#fff;flex:1}.enroll-course-detail .view-certificate-btn:hover{background-color:var(--primary-hover-color)}.enroll-course-detail .verify-certificate-btn{background-color:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-gray);flex:1}.enroll-course-detail .verify-certificate-btn:hover{background-color:var(--bg-gray)}.enroll-course-detail .generate-certificate-btn{background-color:var(--primary-color);color:#fff;margin-top:15px;padding:10px 16px;border-radius:var(--border-small-radius);border:none;cursor:pointer}.enroll-course-detail .generate-certificate-btn:hover{background-color:var(--primary-hover-color)}.enroll-course-detail .no-certificates{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.enroll-course-detail .certificate-icon{color:var(--text-gray);margin-bottom:15px}.enroll-course-detail .no-certificates h3{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:10px}.enroll-course-detail .no-certificates p{font-size:14px;color:var(--text-gray);max-width:300px;margin:0 auto}.progress-bar-component{display:flex;align-items:center;gap:.75rem;width:100%}.progress-bar-bg{width:100%;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:9999px;transition:width .5s ease-out}.progress-bar-text{font-weight:500;color:#374151;min-width:42px;text-align:right}.progress-bar-text-inside{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.progress-bar-fill.bg-blue-600{background-color:#2563eb}.progress-bar-fill.bg-green-500{background-color:#10b981}.progress-bar-fill.bg-yellow-500{background-color:#f59e0b}.progress-bar-fill.bg-red-500{background-color:#ef4444}.progress-bar-fill.bg-indigo-500{background-color:#6366f1}.progress-bar-bg.h-1\.5{height:.375rem}.progress-bar-bg.h-2\.5{height:.625rem}.progress-bar-bg.h-4{height:1rem}.progress-bar-fill.transition-all{transition:width .5s ease-out}.quiz-submission-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:24px;margin-bottom:24px}.quiz-header{margin-bottom:24px;border-bottom:1px solid #eaeaea;padding-bottom:16px}.quiz-header h2{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#333}.quiz-header p{color:#666;margin-bottom:12px}.quiz-meta{display:flex;gap:12px;flex-wrap:wrap}.quiz-meta span{background-color:#f5f5f5;padding:4px 10px;border-radius:16px;font-size:.85rem;color:#555}.quiz-questions{margin-bottom:24px}.quiz-question{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eaeaea}.quiz-question h3{font-size:1.1rem;font-weight:500;margin-bottom:12px;color:#333}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;padding:10px 12px;background-color:#f9f9f9;border-radius:var(--border-small-radius);cursor:pointer;transition:background-color .2s}.quiz-option:hover{background-color:#f0f0f0}.quiz-option input[type=radio]{margin-right:10px}.quiz-actions{display:flex;justify-content:center;margin-top:24px}.quiz-submit-btn,.quiz-retry-btn{padding:10px 24px;border-radius:var(--border-small-radius);font-weight:500;cursor:pointer;transition:background-color .2s;border:none;font-size:1rem}.quiz-submit-btn{background-color:#4a6cf7;color:#fff}.quiz-submit-btn:hover{background-color:#3a5ce5}.quiz-retry-btn{background-color:#f0f0f0;color:#333}.quiz-retry-btn:hover{background-color:#e0e0e0}.quiz-results{animation:fadeIn .5s ease}.quiz-result-header{text-align:center;margin-bottom:32px}.quiz-score{display:flex;flex-direction:column;align-items:center;margin-top:16px}.score-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin-bottom:16px;color:#fff}.score-circle.passed{background-color:#4caf50}.score-circle.failed{background-color:#f44336}.quiz-answers-review{margin-top:32px}.quiz-answers-review h3{font-size:1.2rem;font-weight:600;margin-bottom:16px;color:#333;border-bottom:1px solid #eaeaea;padding-bottom:8px}.review-question{margin-bottom:24px;padding:16px;border-radius:8px;background-color:#f9f9f9}.review-question.correct{border-left:4px solid #4caf50}.review-question.incorrect{border-left:4px solid #f44336}.review-question h4{font-size:1rem;font-weight:500;margin-bottom:12px;color:#333}.review-options{display:flex;flex-direction:column;gap:8px}.review-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--border-small-radius);background-color:#fff;border:1px solid #e0e0e0}.review-option.selected{background-color:#f0f0f0}.review-option.correct-answer{border:1px solid #4caf50;background-color:#4caf501a}.review-option.selected:not(.correct-answer){border:1px solid #f44336;background-color:#f443361a}.option-text{flex:1}.correct-indicator{color:#4caf50;font-weight:700;margin-left:8px}.wrong-indicator{color:#f44336;font-weight:700;margin-left:8px}.correct-answer-note{margin-top:12px;padding:8px 12px;background-color:#4caf501a;border-radius:var(--border-small-radius);color:#4caf50;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-table-container{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden;margin-bottom:2rem}.data-table-container .search-container{display:flex;align-items:center;margin-bottom:1rem;width:100%;flex-wrap:wrap;gap:1rem}.data-table-container .search-input{padding:10px 16px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;width:100%;max-width:350px;outline:none;transition:border-color .2s}.data-table-container .hZInOG svg{top:50%;transform:translateY(-50%)}@media(max-width:576px){.data-table-container .search-input{max-width:100%}}.data-table-container .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.data-table-container .rdt_TableHeader{padding:1.5rem 1.5rem .5rem!important;font-size:1.25rem!important;font-weight:600!important}.data-table-container .rdt_TableHeadRow{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;font-weight:600!important;color:#1e293b!important}.data-table-container .rdt_TableRow{border-bottom:1px solid #e2e8f0!important;color:#334155!important;transition:background-color .2s}.data-table-container .rdt_TableRow:hover{background-color:#f1f5f9!important}.data-table-container .rdt_Pagination{border-top:1px solid #e2e8f0!important;color:#334155!important}.data-table-container .status-indicator{display:inline-block;width:36px;height:20px;border-radius:20px;background-color:#e2e8f0;position:relative;cursor:pointer;transition:background-color .3s}.data-table-container .status-indicator:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:transform .3s,background-color .3s}.data-table-container .status-indicator.active{background-color:var(--primary-color)}.data-table-container .status-indicator.active:after{transform:translate(16px)}.data-table-container .action-button{width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.data-table-container .action-button.view{background-color:var(--primary-light-bg);color:var(--primary-color)}.data-table-container .action-button.edit{background-color:#ecfdf5;color:#059669}.data-table-container .action-button.delete{background-color:#fef2f2;color:#dc2626}.data-table-container .action-button.add{background-color:#e7eee5;color:#4abb66}.data-table-container .action-button:hover{transform:translateY(-1px)}.data-table-container .action-button svg{width:14px;height:14px}.status-cell-no-toggle{justify-content:flex-start}.blog-container{margin:0 auto;min-height:100vh}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.blog-title{font-size:var(--heading4);color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:10px}.blog-title-icon{color:var(--primary-color)}.blog-actions{display:flex;gap:10px}.search-filter-container{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;gap:15px;margin-bottom:20px;align-items:center}.search-input{position:relative}.search-input input{padding:0 16px;font-size:14px;min-width:250px;outline:none;transition:border-color .2s;width:100%}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-gray)}.filter-select{padding:10px 15px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--smallfont);background-color:#fff}.add-blog-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-small-radius);padding:10px 20px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:background-color .2s;white-space:nowrap;width:fit-content;font-size:var(--smallfont)}.add-blog-btn:hover{background-color:var(--primary-hover-color)}.blog-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.blog-container .search-filter-container{margin-bottom:20px}.blog-card{display:flex;flex-direction:column;background-color:var(--white);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow-light);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow)}.blog-card-image{width:100%;height:180px;object-fit:contain}.blog-card-content{padding:15px;flex-grow:1;display:flex;flex-direction:column}.blog-card-title{font-size:var(--heading6);font-weight:600;margin-bottom:10px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{color:var(--text-gray);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-card-footer{display:flex;flex-direction:column;gap:10px;margin-top:10px;color:var(--text-gray);font-size:var(--smallfont)}.blog-card-meta{display:flex;justify-content:space-between;align-items:center}.blog-card-author{display:flex;align-items:center;gap:5px}.blog-card-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.blog-avatar-placeholder{width:24px;height:24px;border-radius:50%;background-color:var(--primary-light-bg);color:var(--primary-color)}.blog-card-date{font-size:var(--extrasmallfont)}.blog-table-container .data-table-container{box-shadow:var(--box-shadow-light)}.blog-image-cell{display:flex;align-items:center;gap:10px;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.blog-table-image{width:50px;height:50px;border-radius:var(--border-small-radius);object-fit:cover}.blog-table-title{display:flex;flex-direction:column}.blog-table-title-text{font-weight:500;color:var(--text-primary)}.blog-table-excerpt{font-size:var(--smallfont);color:var(--text-gray);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.blog-author-cell{display:flex;align-items:center;gap:6px}.blog-author-icon{color:var(--text-gray);font-size:16px}.blog-actions-cell{display:flex;gap:8px!important;justify-content:flex-end}.blog-action-btn{background:none;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.blog-action-btn:hover{background-color:var(--bg-gray)}.blog-edit-btn{background-color:#ecfdf5;color:#059669}.blog-delete-btn{background-color:#fef2f2;color:#dc2626}.blog-view-btn{background-color:var(--primary-light-bg)!important;color:var(--primary-color)}.status-indicator{width:36px;height:20px;border-radius:20px;background-color:#e5e7eb;position:relative;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.blog-status-badge{padding:4px 8px;border-radius:12px;font-size:var(--smallfont);font-weight:500;text-align:center;width:80px}.blog-status-badge.draft{background-color:#f443361a;color:#f44336}.blog-form-header{display:flex;align-items:center;margin-bottom:20px;gap:15px}.blog-form-page-title{font-size:var(--heading5);color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.blog-form{background-color:var(--white);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow-light);padding:0;margin:0 auto;overflow:hidden}.blog-form-horizontal{display:flex;flex-direction:column}.blog-form-main-content{display:flex;min-height:calc(100vh - 200px)}.blog-form-content-column{flex:1;padding:30px;border-right:1px solid var(--border-gray);overflow-y:auto}.blog-form-sidebar-column{width:380px;position:relative}.blog-form-sidebar{height:100%;overflow-y:auto;padding:20px}.blog-form-section{background-color:var(--bg-white);border-radius:var(--border-small-radius);padding:15px;margin-bottom:20px;border:1px solid var(--border-gray)}.blog-form-section-title{font-size:var(--basefont);font-weight:600;color:var(--text-color);margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid var(--border-gray)}.blog-form-group{margin-bottom:25px}.blog-form-label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-color)}.blog-form-input,.blog-form-textarea,.blog-form-select{width:100%;padding:12px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);transition:all .3s ease}.blog-form-input:focus,.blog-form-textarea:focus,.blog-form-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.blog-form-textarea{min-height:150px;resize:vertical}.blog-form-help{display:block;margin-top:5px;font-size:var(--extrasmallfont);color:var(--text-gray)}.blog-preview-card{background-color:var(--white);border-radius:var(--border-small-radius);overflow:hidden;box-shadow:var(--box-shadow-light)}.blog-preview-image{height:160px;overflow:hidden;background-color:var(--bg-gray);position:relative}.blog-preview-image img{width:100%;height:100%;object-fit:contain}.blog-preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-gray);font-size:var(--smallfont);background-color:var(--bg-gray)}.blog-preview-content{padding:15px}.blog-preview-title{font-size:var(--heading6);font-weight:600;margin:0 0 10px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-preview-description{color:var(--text-gray);font-size:var(--smallfont);margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-preview-meta{display:flex;justify-content:space-between;align-items:center}.blog-status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:var(--extrasmallfont);font-weight:500;text-transform:uppercase}.blog-status-badge.published{background-color:#4caf501a;color:#4caf50}.blog-status-badge.draft{background-color:#ff98001a;color:#ff9800}.blog-form-file-upload{width:100%}.blog-form-file-dropzone{border:2px dashed var(--border-gray);border-radius:var(--border-small-radius);padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.blog-form-file-dropzone:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.02)}.blog-form-file-input{position:absolute;width:0;height:0;opacity:0}.blog-form-file-icon{margin-bottom:10px;color:var(--text-gray)}.blog-form-file-preview{width:100px;height:100px;object-fit:cover;border-radius:var(--border-small-radius);border:3px solid var(--white);box-shadow:var(--box-shadow-light)}.blog-form-file-text{display:flex;flex-direction:column;gap:5px}.blog-form-file-text span{font-weight:500;color:var(--text-color)}.blog-form-file-text small{color:var(--text-gray);font-size:var(--extrasmallfont)}.blog-tags-input-container{margin-bottom:10px}.blog-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.blog-tag-item{display:flex;align-items:center;background-color:var(--primary-light-bg);color:var(--primary-color);padding:6px 12px;border-radius:20px;font-size:var(--smallfont)}.blog-tag-remove{background:none;border:none;color:var(--primary-color);margin-left:5px;cursor:pointer;font-size:16px;line-height:1;padding:0 0 0 5px}.blog-tag-remove:hover{color:#f44336}.blog-slug-preview{padding:10px;background-color:var(--bg-gray);border-radius:var(--border-small-radius);font-family:monospace;word-break:break-all}.blog-form-status-toggle{display:flex;flex-direction:column;gap:8px}.blog-form .summernote-editor-container{border:1px solid var(--border-gray);border-radius:var(--border-small-radius);overflow:hidden;transition:border-color .3s}.blog-form .summernote-editor-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.blog-form .note-editor{border:none!important;box-shadow:none!important}.blog-form .note-toolbar{background-color:var(--bg-gray)!important;border-bottom:1px solid var(--border-gray)!important;padding:8px!important}.blog-form .note-btn{background-color:var(--white)!important;border:1px solid var(--border-gray)!important;color:var(--text-color)!important;border-radius:var(--border-small-radius)!important;transition:all .2s!important}.blog-form .note-btn:hover{background-color:var(--primary-light-bg)!important;color:var(--primary-color)!important}.blog-form .note-btn.active{background-color:var(--primary-color)!important;color:var(--white)!important;border-color:var(--primary-color)!important}.blog-form .note-editable{min-height:300px!important;padding:15px!important;font-family:var(--font-Poppins)!important;font-size:var(--basefont)!important;color:var(--text-color)!important;line-height:1.6!important}.blog-form-sticky-actions{position:sticky;bottom:0;background-color:var(--white);padding:15px;border-top:1px solid var(--border-gray);display:flex;justify-content:space-between;gap:10px;margin:20px -20px -20px}.blog-form-button{padding:10px 20px;border-radius:var(--border-small-radius);font-weight:500;cursor:pointer;transition:all .3s ease;border:none;flex:1;display:flex;align-items:center;justify-content:center}.blog-form-submit{background-color:var(--primary-color);color:var(--white)}.blog-form-submit:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.blog-form-cancel{background-color:var(--bg-gray);color:var(--text-color)}.blog-form-cancel:hover{background-color:var(--dark-gray);color:var(--white);transform:translateY(-2px)}.required{color:#f44336;margin-left:2px}@media(max-width:1200px){.blog-form-content-column{padding:25px}.blog-form-sidebar-column{width:350px}}@media(max-width:992px){.blog-form-main-content{flex-direction:column;min-height:auto}.blog-form-content-column{border-right:none;border-bottom:1px solid var(--border-gray)}.blog-form-sidebar-column{width:100%}.blog-form-sidebar{padding:25px}.blog-preview-card{display:flex;flex-direction:row;align-items:center}.blog-preview-image{width:120px;height:120px;flex-shrink:0}.blog-preview-content{flex:1}}@media(max-width:768px){.blog-form-header{flex-direction:column;align-items:flex-start;gap:10px}.blog-form-content-column,.blog-form-sidebar{padding:20px}.blog-preview-card{flex-direction:column}.blog-preview-image{width:100%;height:140px}.blog-form-section{padding:12px}.blog-form-sticky-actions{padding:12px;margin:20px -20px -20px}}@media(max-width:576px){.blog-form-content-column,.blog-form-sidebar{padding:15px}.blog-form-section{padding:10px;margin-bottom:15px}.blog-form-section-title{font-size:var(--smallfont);margin-bottom:12px;padding-bottom:8px}.blog-form-group{margin-bottom:20px}.blog-form-input,.blog-form-textarea,.blog-form-select{padding:10px;font-size:var(--smallfont)}.blog-form-sticky-actions{flex-direction:row;gap:10px;padding:10px;margin:15px -15px -15px}.blog-form-button{width:100%}}.blog-detail-container{padding:0;margin:0 auto;min-height:100vh;position:relative}.blog-detail-sticky-header{display:flex;justify-content:space-between;align-items:center}.blog-detail-actions{display:flex;gap:.75rem}.blog-back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--primary-color);font-weight:500;padding:.5rem 0;cursor:pointer;transition:all .2s ease}.blog-back-button:hover{color:var(--primary-hover-color);transform:translate(-3px)}.blog-edit-button{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-light-bg);border:none;border-radius:var(--border-small-radius);color:var(--primary-color);font-weight:500;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.blog-edit-button:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-2px)}.blog-status-button{display:flex;align-items:center;gap:.5rem;border:none;border-radius:var(--border-small-radius);font-weight:500;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.blog-status-button.published{background-color:#4caf501a;color:#4caf50}.blog-status-button.published:hover{background-color:#4caf5033}.blog-status-button.draft{background-color:#ff98001a;color:#ff9800}.blog-status-button.draft:hover{background-color:#ff980033}.blog-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;padding:1.5rem 0rem}.blog-detail-content{background-color:var(--white);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow-light);overflow:hidden}.blog-detail-image-container{width:100%;position:relative;overflow:hidden}.blog-detail-image{width:100%;height:350px;object-fit:contain;transition:transform .3s ease}.blog-detail-image:hover{transform:scale(1.02)}.blog-detail-header-content{padding:2rem 2rem 1rem}.blog-detail-title{font-size:var(--heading3);color:var(--text-primary);font-weight:700;margin-bottom:1rem;line-height:1.2;display:flex;align-items:center;gap:.75rem}.blog-title-icon{color:var(--primary-color);font-size:1.75rem}.blog-detail-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-detail-tag-pill{display:inline-block;padding:.35rem .75rem;background-color:var(--primary-light-bg);color:var(--primary-color);border-radius:50px;font-size:var(--smallfont);font-weight:500;transition:all .2s ease}.blog-detail-tag-pill:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-2px)}.blog-detail-author-date{display:flex;align-items:center;gap:1.5rem;padding:0 2rem 1.5rem;color:var(--text-gray);font-size:var(--smallfont);border-bottom:1px solid var(--border-gray)}.blog-detail-author,.blog-detail-date{display:flex;align-items:center;gap:.5rem}.blog-meta-icon{font-size:1rem;color:var(--primary-color)}.blog-detail-excerpt{font-size:var(--heading6);color:var(--text-gray);line-height:1.6;margin:1.5rem 2rem;padding:1rem 1.5rem;background-color:var(--bg-gray);border-left:4px solid var(--primary-color);border-radius:0 var(--border-small-radius) var(--border-small-radius) 0;font-style:italic}.blog-detail-body{padding:0 2rem 2rem;line-height:1.8;font-size:var(--basefont);color:var(--text-color)}.blog-detail-sidebar{align-self:start}.blog-detail-meta-card{background-color:var(--white);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow-light);padding:1.5rem}.blog-detail-meta-title{font-size:var(--heading6);font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-gray)}.blog-detail-meta-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light-gray)}.blog-detail-meta-item:last-of-type{border-bottom:none;margin-bottom:1.5rem}.blog-detail-meta-label{font-weight:500;color:var(--text-gray);font-size:var(--smallfont)}.blog-detail-meta-value{color:var(--text-color);font-size:var(--smallfont)}.blog-detail-meta-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:var(--extrasmallfont);font-weight:500;text-transform:uppercase}.blog-detail-meta-status.published{background-color:#4caf501a;color:#4caf50}.blog-detail-meta-status.draft{background-color:#ff98001a;color:#ff9800}.blog-detail-meta-actions{display:flex;flex-direction:column;gap:.75rem}.blog-detail-meta-action-btn{width:100%;padding:.75rem;border:none;border-radius:var(--border-small-radius);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.blog-detail-meta-action-btn.edit{background-color:var(--primary-color);color:var(--white)}.blog-detail-meta-action-btn.edit:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.blog-detail-meta-action-btn.publish{background-color:#4caf50;color:#fff}.blog-detail-meta-action-btn.publish:hover{background-color:#3d8b40;transform:translateY(-2px)}.blog-detail-meta-action-btn.unpublish{background-color:#ff9800;color:#fff}.blog-detail-meta-action-btn.unpublish:hover{background-color:#f57c00;transform:translateY(-2px)}.html-content{font-family:var(--font-Poppins);color:var(--text-color)}.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6{color:var(--text-primary);margin-top:1.5em;margin-bottom:.8em;font-weight:600;line-height:1.3}.html-content h1{font-size:var(--heading3)}.html-content h2{font-size:var(--heading4)}.html-content h3{font-size:var(--heading5)}.html-content h4,.html-content h5,.html-content h6{font-size:var(--heading6)}.html-content p{margin-bottom:1em}.html-content a{color:var(--primary-color);text-decoration:underline;transition:color .2s}.html-content a:hover{color:var(--primary-hover-color)}.html-content ul,.html-content ol{margin-bottom:1em;padding-left:2em}.html-content ul li,.html-content ol li{margin-bottom:.5em}.html-content blockquote{border-left:4px solid var(--primary-light-bg);padding-left:1em;margin-left:0;margin-right:0;font-style:italic;color:var(--text-gray)}.html-content img{max-width:100%;height:auto;border-radius:var(--border-small-radius);margin:1em 0}.html-content table{width:100%;border-collapse:collapse;margin:1em 0}.html-content table th,.html-content table td{border:1px solid var(--border-gray);padding:.5em}.html-content table th{background-color:var(--bg-gray);font-weight:600}@media(max-width:992px){.blog-cards-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.blog-header{flex-direction:column;align-items:flex-start;gap:10px}.blog-actions{width:100%}.search-filter-container{grid-template-columns:1fr 1fr 1fr}.search-input{grid-column:span 3}.blog-form{padding:15px}.blog-detail-layout{grid-template-columns:1fr}.blog-detail-sidebar{position:static;margin-top:1.5rem}.blog-detail-meta-card{position:relative}.blog-detail-title{font-size:var(--heading3)}}@media(max-width:768px){.search-filter-container{grid-template-columns:1fr 1fr;gap:10px}.search-input,.add-blog-btn{grid-column:span 2}.blog-detail-container{padding:0}.blog-detail-layout{padding:1rem;gap:1rem}.blog-detail-sticky-header{padding:.75rem 1rem}.blog-detail-header-content{padding:1.5rem 1.5rem .75rem}.blog-detail-author-date{padding:0 1.5rem 1rem;flex-wrap:wrap;gap:1rem}.blog-detail-excerpt{margin:1rem 1.5rem;padding:.75rem 1rem}.blog-detail-body{padding:0 1.5rem 1.5rem}.blog-detail-title{font-size:var(--heading4);gap:.5rem}.blog-title-icon{font-size:1.5rem}}@media(max-width:576px){.search-filter-container{grid-template-columns:1fr}.search-input,.add-blog-btn{grid-column:span 1}.blog-detail-sticky-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem}.blog-detail-actions{width:100%;justify-content:space-between}.blog-detail-layout{padding:.75rem}.blog-detail-content{border-radius:var(--border-small-radius)}.blog-detail-header-content{padding:1.25rem 1.25rem .75rem}.blog-detail-author-date{padding:0 1.25rem .75rem}.blog-detail-excerpt{margin:.75rem 1.25rem;padding:.75rem;font-size:var(--basefont)}.blog-detail-body{padding:0 1.25rem 1.25rem;font-size:var(--smallfont)}.blog-detail-title{font-size:var(--heading5)}.blog-detail-meta-card{padding:1.25rem;border-radius:var(--border-small-radius)}.blog-detail-meta-title{font-size:var(--basefont);margin-bottom:1rem;padding-bottom:.5rem}.blog-detail-meta-item{padding:.5rem 0}.blog-detail-meta-actions{gap:.5rem;display:flex;flex-direction:row}.blog-detail-meta-action-btn{padding:.6rem;font-size:var(--smallfont)}}@font-face{font-display:auto;font-family:summernote;font-style:normal;font-weight:400;src:url(/assets/summernote-jt9apK1s.eot?#iefix) format("embedded-opentype"),url(/assets/summernote-tk6LuLER.woff2) format("woff2"),url(/assets/summernote-MGhHcnpK.woff) format("woff"),url(/assets/summernote-BDPkqvsB.ttf) format("truetype")}[class*=" note-icon"]:before,[class^=note-icon]:before{display:inline-block;font-family:summernote;font-size:inherit;font-style:normal;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}.note-icon-fw{text-align:center;width:1.25em}.note-icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.note-icon-pull-left{float:left}.note-icon-pull-right{float:right}.note-icon.note-icon-pull-left{margin-right:.3em}.note-icon.note-icon-pull-right{margin-left:.3em}.note-icon-align:before{content:""}.note-icon-align-center:before{content:""}.note-icon-align-indent:before{content:""}.note-icon-align-justify:before{content:""}.note-icon-align-left:before{content:""}.note-icon-align-outdent:before{content:""}.note-icon-align-right:before{content:""}.note-icon-arrow-circle-down:before{content:""}.note-icon-arrow-circle-left:before{content:""}.note-icon-arrow-circle-right:before{content:""}.note-icon-arrow-circle-up:before{content:""}.note-icon-arrows-alt:before{content:""}.note-icon-arrows-h:before{content:""}.note-icon-arrows-v:before{content:""}.note-icon-bold:before{content:""}.note-icon-caret:before{content:""}.note-icon-chain-broken:before{content:""}.note-icon-circle:before{content:""}.note-icon-close:before{content:""}.note-icon-code:before{content:""}.note-icon-col-after:before{content:""}.note-icon-col-before:before{content:""}.note-icon-col-remove:before{content:""}.note-icon-eraser:before{content:""}.note-icon-float-left:before{content:""}.note-icon-float-none:before{content:""}.note-icon-float-right:before{content:""}.note-icon-font:before{content:""}.note-icon-frame:before{content:""}.note-icon-italic:before{content:""}.note-icon-link:before{content:""}.note-icon-magic:before{content:""}.note-icon-menu-check:before{content:""}.note-icon-minus:before{content:""}.note-icon-orderedlist:before{content:""}.note-icon-pencil:before{content:""}.note-icon-picture:before{content:""}.note-icon-question:before{content:""}.note-icon-redo:before{content:""}.note-icon-rollback:before{content:""}.note-icon-row-above:before{content:""}.note-icon-row-below:before{content:""}.note-icon-row-remove:before{content:""}.note-icon-special-character:before{content:""}.note-icon-square:before{content:""}.note-icon-strikethrough:before{content:""}.note-icon-subscript:before{content:""}.note-icon-summernote:before{content:""}.note-icon-superscript:before{content:""}.note-icon-table:before{content:""}.note-icon-text-height:before{content:""}.note-icon-trash:before{content:""}.note-icon-underline:before{content:""}.note-icon-undo:before{content:""}.note-icon-unorderedlist:before{content:""}.note-icon-video:before{content:""}.note-frame{border-radius:4px;-ms-box-sizing:border-box;box-sizing:border-box;color:#000;font-family:sans-serif}.note-toolbar{background-color:#f5f5f5;border-bottom:1px solid;border-color:#ddd;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;padding:10px 5px}.note-btn-group{display:inline-block;margin-right:8px;position:relative}.note-btn-group>.note-btn-group{margin-right:0}.note-btn-group>.note-btn:first-child{margin-left:0}.note-btn-group .note-btn+.note-btn,.note-btn-group .note-btn+.note-btn-group,.note-btn-group .note-btn-group+.note-btn,.note-btn-group .note-btn-group+.note-btn-group{margin-left:-1px}.note-btn-group>.note-btn-group:not(:first-child)>.note-btn,.note-btn-group>.note-btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.note-btn-group>.note-btn-group:not(:last-child)>.note-btn,.note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.note-btn-group.open>.note-dropdown{display:block}.note-btn{background-color:#fff;background-image:none;border:1px solid #dae0e5;border-radius:3px;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.4;margin-bottom:0;outline:0;padding:5px 10px;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.note-btn.focus,.note-btn:focus,.note-btn:hover{background-color:#ebebeb;border-color:#dae0e5;color:#333}.note-btn.disabled.focus,.note-btn.disabled:focus,.note-btn[disabled].focus,.note-btn[disabled]:focus,fieldset[disabled] .note-btn.focus,fieldset[disabled] .note-btn:focus{background-color:#fff;border-color:#dae0e5}.note-btn.active,.note-btn.focus,.note-btn:active,.note-btn:focus,.note-btn:hover{background-color:#ebebeb;border:1px solid #dae0e5;border-radius:1px;color:#333;outline:0;text-decoration:none}.note-btn.active,.note-btn:active{background-image:none;box-shadow:inset 0 3px 5px #00000020}.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn{box-shadow:none;cursor:not-allowed;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);filter:alpha(opacity=65);-webkit-opacity:.65;-khtml-opacity:.65;-moz-opacity:.65;opacity:.65}.note-btn>span.note-icon-caret:first-child{margin-left:-1px}.note-btn>span.note-icon-caret:nth-child(2){margin-right:-5px;padding-left:3px}.note-btn-primary{background:#fa6362;color:#fff}.note-btn-primary.focus,.note-btn-primary:focus,.note-btn-primary:hover{background-color:#fa6362;border:1px solid #dae0e5;border-radius:1px;color:#fff;text-decoration:none}.note-btn-block{display:block;width:100%}.note-btn-block+.note-btn-block{margin-top:5px}input[type=button].note-btn-block,input[type=reset].note-btn-block,input[type=submit].note-btn-block{width:100%}button.close{-webkit-appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.close{color:#000;float:right;font-size:21px;line-height:1;opacity:.2}.close:hover{-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1}.note-dropdown{position:relative}.note-color .dropdown-toggle{padding-left:5px;width:30px}.note-dropdown-menu{background:#fff;background-clip:padding-box;border:1px solid #e2e2e2;box-shadow:0 1px 1px #0000000f;display:none;float:left;left:0;min-width:100px;padding:5px;position:absolute;text-align:left;top:100%;z-index:1000}.note-dropdown-menu>:last-child{margin-right:0}.note-btn-group.open .note-dropdown-menu,.note-dropdown-item{display:block}.note-dropdown-item:hover{background-color:#ebebeb}a.note-dropdown-item,a.note-dropdown-item:hover{color:#000;margin:5px 0;text-decoration:none}.note-modal{bottom:0;display:none;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);left:0;-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1;position:fixed;right:0;top:0;z-index:1050}.note-modal.open{display:block}.note-modal-content{background:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.2);border-radius:5px;box-shadow:0 3px 9px #00000080;margin:30px 20px;outline:0;position:relative;width:auto}.note-modal-header{border:1px solid #ededef;padding:10px 20px}.note-modal-body{padding:20px 30px;position:relative}.note-modal-body kbd{background-color:#000;border-radius:2px;-ms-box-sizing:border-box;box-sizing:border-box;color:#fff;font-weight:700;padding:3px 5px}.note-modal-footer{height:40px;padding:10px;text-align:center}.note-modal-footer a{color:#337ab7;text-decoration:none}.note-modal-footer a:focus,.note-modal-footer a:hover{color:#23527c;text-decoration:underline}.note-modal-footer .note-btn{float:right}.note-modal-title{color:#42515f;font-size:20px;line-height:1.4;margin:0}.note-modal-backdrop{background:#000;bottom:0;display:none;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);left:0;-webkit-opacity:.5;-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;position:fixed;right:0;top:0;z-index:1040}.note-modal-backdrop.open{display:block}@media(min-width:768px){.note-modal-content{margin:30px auto;width:600px}}@media(min-width:992px){.note-modal-content-large{width:900px}}.note-modal .note-help-block{color:#737373;display:block;margin-bottom:10px;margin-top:5px}.note-modal .note-nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.note-modal .note-nav-link{background-color:transparent;color:#007bff;display:block;padding:.5rem 1rem;text-decoration:none;-webkit-text-decoration-skip:objects}.note-modal .note-nav-link:focus,.note-modal .note-nav-link:hover{color:#0056b3;text-decoration:none}.note-modal .note-nav-link.disabled{color:#868e96}.note-modal .note-nav-tabs{border-bottom:1px solid #ddd}.note-modal .note-nav-tabs .note-nav-item{margin-bottom:-1px}.note-modal .note-nav-tabs .note-nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.note-modal .note-nav-tabs .note-nav-link:focus,.note-modal .note-nav-tabs .note-nav-link:hover{border-color:#e9ecef #e9ecef #ddd}.note-modal .note-nav-tabs .note-nav-link.disabled{background-color:transparent;border-color:transparent;color:#868e96}.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link{background-color:#fff;border-color:#ddd #ddd #fff;color:#495057}.note-modal .note-tab-content{margin:15px auto}.note-modal .note-tab-content>.note-tab-pane,.note-modal .note-tab-content>.note-tab-pane:target~.note-tab-pane:last-child{display:none}.note-modal .note-tab-content>.note-tab-pane:target,.note-modal .note-tab-content>:last-child{display:block}.note-form-group{padding-bottom:20px}.note-form-group:last-child{padding-bottom:0}.note-form-label{color:#42515f;display:block;font-size:16px;font-weight:700;margin-bottom:10px;width:100%}.note-input{background:#fff;border:1px solid #ededef;-ms-box-sizing:border-box;box-sizing:border-box;display:block;font-size:14px;outline:0;padding:6px 4px;width:100%}.note-input::-webkit-input-placeholder{color:#eee}.note-input:-moz-placeholder,.note-input::-moz-placeholder{color:#eee}.note-input:-ms-input-placeholder{color:#eee}.note-tooltip{display:block;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);font-size:13px;-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;opacity:0;position:absolute;transition:opacity .15s;z-index:1070}.note-tooltip.in{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9}.note-tooltip.top{margin-top:-3px;padding:5px 0}.note-tooltip.right{margin-left:3px;padding:0 5px}.note-tooltip.bottom{margin-top:3px;padding:5px 0}.note-tooltip.left{margin-left:-3px;padding:0 5px}.note-tooltip.bottom .note-tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.note-tooltip.top .note-tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}.note-tooltip.right .note-tooltip-arrow{border-right-color:#000;border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}.note-tooltip.left .note-tooltip-arrow{border-left-color:#000;border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}.note-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.note-tooltip-content{background-color:#000;color:#fff;font-family:sans-serif;max-width:200px;padding:3px 8px;text-align:center}.note-popover{background:#fff;border:1px solid #ccc;display:block;display:none;font-family:sans-serif;font-size:13px;position:absolute;z-index:1060}.note-popover.in{display:block}.note-popover.top{margin-top:-10px;padding:5px 0}.note-popover.right{margin-left:10px;padding:0 5px}.note-popover.bottom{margin-top:10px;padding:5px 0}.note-popover.left{margin-left:-10px;padding:0 5px}.note-popover.bottom .note-popover-arrow{border-bottom-color:#999;border-bottom-color:#00000040;border-top-width:0;left:20px;margin-left:-10px;top:-11px}.note-popover.bottom .note-popover-arrow:after{border-bottom-color:#fff;border-top-width:0;content:" ";margin-left:-10px;top:1px}.note-popover.top .note-popover-arrow{border-bottom-width:0;border-top-color:#999;border-top-color:#00000040;bottom:-11px;left:20px;margin-left:-10px}.note-popover.top .note-popover-arrow:after{border-bottom-width:0;border-top-color:#fff;bottom:1px;content:" ";margin-left:-10px}.note-popover.right .note-popover-arrow{border-left-width:0;border-right-color:#999;border-right-color:#00000040;left:-11px;margin-top:-10px;top:50%}.note-popover.right .note-popover-arrow:after{border-left-width:0;border-right-color:#fff;content:" ";left:1px;margin-top:-10px}.note-popover.left .note-popover-arrow{border-left-color:#999;border-left-color:#00000040;border-right-width:0;margin-top:-10px;right:-11px;top:50%}.note-popover.left .note-popover-arrow:after{border-left-color:#fff;border-right-width:0;content:" ";margin-top:-10px;right:1px}.note-popover-arrow{border:11px solid transparent;height:0;position:absolute;width:0}.note-popover-arrow:after{border:10px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.note-popover-content{background-color:#fff;color:#000;min-height:30px;min-width:100px;padding:3px 8px;text-align:center}.note-editor{position:relative}.note-editor .note-dropzone{background-color:#fff;color:#87cefa;display:none;opacity:.95;position:absolute;z-index:100}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:700;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-airframe,.note-editor.note-frame{border:1px solid rgba(0,0,0,.196)}.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable{overflow:auto;padding:10px;word-wrap:break-word}.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]{background-color:#8080801d}.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{background-color:#222;border:none;border-radius:0;box-shadow:none;-ms-box-sizing:border-box;box-sizing:border-box;color:#ccc;display:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;margin-bottom:0;outline:none;padding:10px;resize:none;width:100%}.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen{left:0;position:fixed;top:0;width:100%!important;z-index:1050}.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output{border:0;border-top:1px solid #e2e2e2;color:#000;display:block;font-size:14px;height:20px;line-height:1.42857143;margin-bottom:0;width:100%}.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty{border-top:0 solid transparent;height:0}.note-editor.note-airframe .note-status-output .pull-right,.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert{background-color:#f5f5f5;border-radius:0;color:#000;margin:-7px 0 0;padding:7px 10px 2px}.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success{background-color:#dff0d8!important;color:#3c763d!important}.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info{background-color:#d9edf7!important;color:#31708f!important}.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning{background-color:#fcf8e3!important;color:#8a6d3b!important}.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger{background-color:#f2dede!important;color:#a94442!important}.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar{background-color:#8080801d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid rgba(0,0,0,.196)}.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar{cursor:ns-resize;height:9px;padding-top:1px;width:100%}.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{border-top:1px solid rgba(0,0,0,.196);margin:1px auto;width:20px}.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative}.note-editor .note-toolbar,.note-popover .popover-content{margin:0;padding:0 0 5px 5px}.note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin-left:0;margin-right:5px;margin-top:5px}.note-editor .note-toolbar .note-btn-group .note-table,.note-popover .popover-content .note-btn-group .note-table{min-width:0;padding:5px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{cursor:pointer;height:10em;position:absolute!important;width:10em;z-index:3}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;height:5em;position:relative!important;width:5em;z-index:1}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;height:1em;position:absolute!important;width:1em;z-index:2}.note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre,.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-editor .note-toolbar .note-style .dropdown-style h1,.note-editor .note-toolbar .note-style .dropdown-style h2,.note-editor .note-toolbar .note-style .dropdown-style h3,.note-editor .note-toolbar .note-style .dropdown-style h4,.note-editor .note-toolbar .note-style .dropdown-style h5,.note-editor .note-toolbar .note-style .dropdown-style h6,.note-editor .note-toolbar .note-style .dropdown-style p,.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p{margin:0;padding:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{min-width:337px}.note-editor .note-toolbar .note-color .dropdown-toggle,.note-popover .popover-content .note-color .dropdown-toggle{padding-left:5px;width:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{border-bottom:1px solid #eee;font-size:12px;margin:2px 7px;text-align:center}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{border-radius:5px;cursor:pointer;font-size:11px;margin:3px;padding:0 3px;width:100%}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu{min-width:228px;padding:5px}.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,.note-popover .popover-content .note-para .note-dropdown-menu>div+div{margin-left:5px}.note-editor .note-toolbar .note-dropdown-menu,.note-popover .popover-content .note-dropdown-menu{min-width:160px}.note-editor .note-toolbar .note-dropdown-menu.right,.note-popover .popover-content .note-dropdown-menu.right{left:auto;right:0}.note-editor .note-toolbar .note-dropdown-menu.right:before,.note-popover .popover-content .note-dropdown-menu.right:before{left:auto!important;right:9px}.note-editor .note-toolbar .note-dropdown-menu.right:after,.note-popover .popover-content .note-dropdown-menu.right:after{left:auto!important;right:10px}.note-editor .note-toolbar .note-dropdown-menu.note-check a i,.note-popover .popover-content .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,.note-popover .popover-content .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-editor .note-toolbar .note-fontsize-10,.note-popover .popover-content .note-fontsize-10{font-size:10px}.note-editor .note-toolbar .note-color-palette,.note-popover .popover-content .note-color-palette{line-height:1}.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{border:0;border-radius:0;height:20px;margin:0;padding:0;width:20px}.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,.note-popover .popover-content .note-color-palette div .note-color-btn:hover{transform:scale(1.2);transition:all .2s}.note-modal .modal-dialog{border-radius:5px;box-shadow:0 3px 9px #00000080;outline:0}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{border:4px dashed #d3d3d3;color:#d3d3d3;font-size:30px;line-height:4;margin-bottom:10px;min-height:100px;text-align:center}.note-placeholder{color:gray;display:none;position:absolute}.note-handle .note-control-selection{border:1px solid #000;display:none;position:absolute}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30);height:100%;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;width:100%}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing{border:1px solid #000;height:7px;width:7px}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{border-bottom:none;border-right:none;left:-5px;top:-5px}.note-handle .note-control-selection .note-control-ne{border-bottom:none;border-left:none;right:-5px;top:-5px}.note-handle .note-control-selection .note-control-sw{border-right:none;border-top:none;bottom:-5px;left:-5px}.note-handle .note-control-selection .note-control-se{bottom:-5px;cursor:se-resize;right:-5px}.note-handle .note-control-selection .note-control-se.note-control-holder{border-left:none;border-top:none;cursor:default}.note-handle .note-control-selection .note-control-selection-info{background-color:#000;border-radius:5px;bottom:0;color:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);font-size:12px;margin:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;padding:5px;right:0}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;overflow:auto;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{background-color:#428bca;clear:both;color:#fff;cursor:pointer;display:block;font-weight:400;line-height:1.4;outline:0;text-decoration:none;white-space:nowrap}body .note-fullscreen-body,html .note-fullscreen-body{overflow:hidden!important}.note-editable ol li,.note-editable ul li{list-style-position:inside}.note-editor .note-editing-area .note-editable table{border-collapse:collapse;width:100%}.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th{border:1px solid #ececec;padding:5px 3px}.note-editor .note-editing-area .note-editable a{background-color:inherit;color:#337ab7;font-family:inherit;font-weight:inherit;text-decoration:inherit}.note-editor .note-editing-area .note-editable a:focus,.note-editor .note-editing-area .note-editable a:hover{color:#23527c;outline:0;text-decoration:underline}.note-editor .note-editing-area .note-editable figure{margin:0}.note-modal .note-modal-body label{display:inline-block;margin-bottom:2px;padding:2px 5px}.note-modal .note-modal-body .help-list-item:hover{background-color:#e0e0e0}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.help-list-item label{display:inline-block;margin-bottom:5px}.sidebar-layout-parent .sidebar{width:280px;height:100vh;background:var(--bg-white);box-shadow:var(--box-shadow-light);position:fixed;top:0;left:0;transition:all .3s ease;z-index:999;display:flex;flex-direction:column}.sidebar-layout-parent .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:13px 10px;border-bottom:1px solid var(--border-gray);justify-content:center}.sidebar-layout-parent .sidebar-header img{width:40px;margin-right:1rem}.sidebar-layout-parent .sidebar-logo{color:var(--primary-color);font-size:var(--heading4);font-weight:700;margin:0;font-family:var(--font-Coiny)}.sidebar-layout-parent .close-sidebar-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-gray)}.sidebar-layout-parent .sidebar-nav{flex:1;overflow-y:auto;padding:20px 0;margin-bottom:20px}.sidebar-layout-parent .submenu-icon{margin-right:10px}.sidebar-layout-parent .sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-layout-parent .menu-item{margin-bottom:5px!important}.sidebar-layout-parent .menu-link{display:flex;align-items:center;padding:12px 20px;color:var(--text-gray);text-decoration:none;border-radius:var(--border-small-radius);margin:0 10px;transition:all .2s ease}.sidebar-layout-parent .menu-link:hover{background-color:var(--bg-gray);color:var(--primary-color)}.sidebar-layout-parent .menu-link.active{background-color:var(--primary-light-bg);color:var(--primary-color);font-weight:600}.sidebar-layout-parent .menu-icon{font-size:20px;margin-right:15px}.sidebar-layout-parent .menu-text,.sidebar-layout-parent .submenu-text{font-size:var(--smallfont)}.sidebar-layout-parent .sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998}.sidebar-layout-parent .dropdown-menu{margin:0 10px}.sidebar-layout-parent .dropdown-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--text-gray);background:none;border:none;border-radius:var(--border-small-radius);width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.sidebar-layout-parent .dropdown-toggle:hover{background-color:var(--bg-gray);color:var(--primary-color)}.sidebar-layout-parent .dropdown-toggle.active{background-color:var(--primary-light-bg);color:var(--primary-color);font-weight:600}.sidebar-layout-parent .dropdown-toggle .menu-icon-wrapper{display:flex;align-items:center}.sidebar-layout-parent .dropdown-toggle .menu-icon{font-size:20px;margin-right:15px}.sidebar-layout-parent .dropdown-toggle .menu-text{font-size:var(--smallfont)}.sidebar-layout-parent .dropdown-toggle .dropdown-arrow{transition:transform .3s ease}.sidebar-layout-parent .dropdown-toggle.open .dropdown-arrow{transform:rotate(180deg)}.sidebar-layout-parent .dropdown-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-layout-parent .dropdown-content.open{max-height:200px}.sidebar-layout-parent .submenu-item{padding-left:55px;margin:5px 0}.sidebar-layout-parent .submenu-link{display:flex;align-items:center;padding:8px 0;color:var(--text-gray);text-decoration:none;border-radius:var(--border-small-radius);transition:all .2s ease}.sidebar-layout-parent .submenu-link:hover{color:var(--primary-color)}.sidebar-layout-parent .submenu-link.active{color:var(--primary-color);font-weight:600}@media(max-width:1024px){.sidebar-layout-parent .sidebar{width:240px}}@media(max-width:768px){.sidebar-layout-parent .sidebar{width:280px;transform:translate(-100%)}.sidebar-layout-parent .sidebar.open{transform:translate(0)}.sidebar-layout-parent .sidebar-overlay,.sidebar-layout-parent .close-sidebar-btn{display:block}.sidebar-layout-parent .sidebar-header{position:relative;justify-content:flex-start}.sidebar-layout-parent .close-sidebar-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%)}}.sidebar-layout-parent .sidebar-newsletter{padding:0 10px 20px;margin-top:auto}@media(max-width:768px){.sidebar-layout-parent .sidebar-newsletter{padding:0 15px 15px}}.notification-dropdown{position:relative;display:inline-block}.notification-btn{background:none;border:none;color:var(--white);font-size:1.2rem;cursor:pointer;position:relative;padding:5px;display:flex;align-items:center;justify-content:center}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.notification-menu{position:absolute;top:100%;right:0;width:320px;max-height:400px;background-color:var(--bg-white);border-radius:var(--border-small-radius);box-shadow:var(--box-shadow);z-index:var(--z-index-tooltip);overflow:hidden;margin-top:10px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border-gray)}.notification-header h3{margin:0;font-size:var(--heading6);color:var(--text-primary)}.mark-all-read-btn{background:none;border:none;color:var(--primary-color);font-size:var(--smallfont);cursor:pointer;padding:5px}.mark-all-read-btn:hover{text-decoration:underline}.notification-list{max-height:350px;overflow-y:auto}.notification-item{display:flex;padding:12px 15px;border-bottom:1px solid var(--border-gray);cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:var(--bg-gray)}.notification-item.unread{background-color:rgba(var(--primary-color-rgb),.05)}.notification-item.unread:hover{background-color:rgba(var(--primary-color-rgb),.1)}.notification-avatar{width:40px;height:40px;margin-right:12px;flex-shrink:0}.notification-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.notification-content{flex:1}.notification-content p{margin:0 0 5px;font-size:var(--basefont);color:var(--text-color);line-height:1.4}.notification-time{font-size:var(--extrasmallfont);color:var(--text-gray)}.notification-actions{display:flex;flex-direction:column;gap:5px;margin-left:10px}.notification-action-btn{background:none;border:none;cursor:pointer;font-size:12px;padding:5px;color:var(--text-gray);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-action-btn:hover{background-color:var(--bg-gray)}.notification-action-btn.read-btn:hover{color:var(--primary-color)}.notification-action-btn.delete-btn:hover{color:#ff4757}.no-notifications,.notification-loading{padding:20px;text-align:center;color:var(--text-gray);font-size:var(--basefont)}@media(max-width:768px){.notification-menu{width:280px;right:-10px}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;background-color:var(--bg-white);box-shadow:var(--box-shadow-light);position:sticky;top:0;z-index:100}.topbar .menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color)}.topbar .dashboard-title h1{font-size:var(--heading4);font-weight:600;color:var(--text-color);margin:0}.topbar .topbar-actions{display:flex;align-items:center;gap:20px}.topbar .search-box{position:relative}.topbar .search-box input{background-color:var(--bg-gray);border:1px solid var(--border-gray);border-radius:20px;padding:8px 16px;min-width:200px;font-size:var(--smallfont);transition:all .3s}.topbar .search-box input:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-white);box-shadow:0 0 0 2px #5038ed1a}.topbar .notification-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-gray);position:relative}.topbar .notification-badge{position:absolute;top:-5px;right:-5px;background-color:#f44336;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.topbar .user-profile{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.topbar .avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--smallfont);overflow:hidden}.topbar .avatar img{width:100%;height:100%;object-fit:cover}.topbar .avatar-fallback{width:100%;height:100%;font-size:24px}.topbar .user-info{display:flex;flex-direction:column}.topbar .user-name{font-weight:600;font-size:var(--smallfont);color:var(--text-color)}.topbar .user-role{font-size:var(--extrasmallfont);color:var(--text-gray)}.topbar .profile-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background-color:var(--bg-white);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow);min-width:200px;z-index:1000}.topbar .profile-dropdown ul{list-style:none;padding:0;margin:0}.topbar .profile-dropdown li{border-bottom:1px solid var(--border-gray)}.topbar .profile-dropdown li:last-child{border-bottom:none}.topbar .profile-dropdown a,.topbar .profile-dropdown button{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-color);text-decoration:none;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-size:var(--smallfont)}.topbar .profile-dropdown a:hover,.topbar .profile-dropdown button:hover{background-color:var(--bg-gray)}@media(max-width:1024px){.topbar .search-box input{min-width:180px}}@media(max-width:992px){.topbar .search-box input{min-width:150px}}@media(max-width:768px){.topbar .menu-toggle{display:block}.topbar .dashboard-title h1{font-size:var(--heading5)}.topbar .search-box,.topbar .user-info{display:none}.topbar .topbar-actions{gap:15px}}@media(max-width:480px){.topbar{padding:12px 16px}}.dashboard-container{display:grid;grid-template-columns:280px 1fr;background-color:var(--bg-gray);transition:grid-template-columns .3s ease}.dashboard-container .dashboard-content{display:flex;flex-direction:column;overflow:hidden}.dashboard-container .main-content{flex:1;padding:1.5vw;overflow-y:auto;min-height:100vh}@media(max-width:1024px){.dashboard-container{grid-template-columns:240px 1fr}}@media(max-width:768px){.dashboard-container{grid-template-columns:1fr}}.admin-dashboard{padding:0;background-color:var(--bg-gray);position:relative;min-height:100vh}.admin-dashboard .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.admin-dashboard .loading-spinner{width:50px;height:50px;border:5px solid var(--bg-gray);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.admin-dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.admin-dashboard .stat-card{position:relative;border-radius:16px;padding:24px;overflow:hidden;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center}.admin-dashboard .stat-card.courses{background-color:#fff4de;cursor:pointer}.admin-dashboard .stat-card.schools{background-color:#ffecef;cursor:pointer}.admin-dashboard .stat-card.educators{background-color:#e8ffef;cursor:pointer}.admin-dashboard .stat-card.ongoing{background-color:#ffefef;cursor:pointer}.admin-dashboard .stat-card.enrolled-users{background-color:#e6f7ff;cursor:pointer}.admin-dashboard .stat-card.staff{background-color:#f0f5ff;cursor:pointer}.admin-dashboard .stat-card.blogs{background-color:#f9f0ff;cursor:pointer}.admin-dashboard .stat-card.roles{background-color:#fff0f6;cursor:pointer}.admin-dashboard .stat-count{font-size:28px;font-weight:600;margin:8px 0;color:#333}.admin-dashboard .stat-title{font-size:14px;color:#666}.admin-dashboard .stat-icon1{background-color:#fa5a7d;border-radius:50%;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .stat-icon2{background-color:#3cd856;border-radius:50%;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .stat-icon3{background-color:#ff947a;border-radius:50%;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .stat-icon4{background-color:#36cfc9;border-radius:50%;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .stat-icon5{background-color:#597ef7;border-radius:50%;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .stat-icon6{background-color:#b37feb;border-radius:50%;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .stat-icon7{background-color:#f759ab;border-radius:50%;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .icondesign1,.admin-dashboard .icondesign2,.admin-dashboard .icondesign3,.admin-dashboard .icondesign4,.admin-dashboard .icondesign5,.admin-dashboard .icondesign6,.admin-dashboard .icondesign7{position:absolute;bottom:10px;right:10px;font-size:80px;opacity:.1}.admin-dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-dashboard .section-title{font-size:var(--heading5);font-weight:600;color:var(--text-color)}.admin-dashboard .header-actions{display:flex;gap:12px}.admin-dashboard .add-course-btn,.admin-dashboard .view-all-btn{padding:8px 16px;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;transition:all .3s ease}.admin-dashboard .add-course-btn{background-color:var(--primary-color);color:#fff;border:none}.admin-dashboard .view-all-btn{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.admin-dashboard .add-course-btn:hover{background-color:var(--primary-hover-color)}.admin-dashboard .view-all-btn:hover{background-color:var(--primary-light-bg)}.admin-dashboard .search-filter-container{display:grid;grid-template-columns:6fr 3fr 2fr 2fr;align-items:center;gap:16px;margin-bottom:24px}.admin-dashboard .search-input{padding:10px 16px;border:1px solid #e5e7eb;border-radius:var(--border-small-radius);font-size:14px;outline:none;transition:border-color .2s}.admin-dashboard .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.admin-dashboard .filter-select{padding:10px 16px;border:1px solid #e5e7eb;border-radius:var(--border-small-radius);font-size:14px;background-color:#fff;outline:none;cursor:pointer;transition:border-color .2s}.admin-dashboard .filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.admin-dashboard .course-info,.admin-dashboard .professor-info{display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.admin-dashboard .course-thumbnail{width:48px;height:48px;border-radius:var(--border-small-radius);object-fit:cover}.admin-dashboard .professor-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.admin-dashboard .status-indicator{width:36px;height:20px;border-radius:20px;background-color:#e5e7eb;position:relative;cursor:pointer;transition:background-color .3s ease}.admin-dashboard .status-indicator:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease}.admin-dashboard .status-indicator.active{background-color:var(--primary-color)}.admin-dashboard .status-indicator.active:before{transform:translate(16px)}.admin-dashboard .action-buttons{display:flex;gap:8px;justify-content:center}.admin-dashboard .action-btn,.admin-dashboard .action-button{width:32px;height:32px;padding:0;border:none;border-radius:var(--border-small-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-dashboard .action-btn.view,.admin-dashboard .action-button.view{background-color:var(--primary-light-bg);color:var(--primary-color)}.admin-dashboard .action-btn.edit,.admin-dashboard .action-button.edit{background-color:#ecfdf5;color:#059669}.admin-dashboard .action-btn.delete,.admin-dashboard .action-button.delete{background-color:#fef2f2;color:#dc2626}.admin-dashboard .action-btn.add,.admin-dashboard .action-button.add{background-color:#e7eee5;color:#4abb66}.admin-dashboard .action-btn:hover,.admin-dashboard .action-button:hover{transform:translateY(-1px)}.admin-dashboard .action-btn svg,.admin-dashboard .action-button svg{width:14px;height:14px}.admin-dashboard .rdt_Table{background-color:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-dashboard .rdt_TableHeader{display:none}.admin-dashboard .rdt_TableHead{background-color:#f9fafb}.admin-dashboard .rdt_TableHeadRow{border-bottom:1px solid #e5e7eb}.admin-dashboard .rdt_TableCol{padding:16px;font-size:14px;font-weight:500;color:#6b7280}.admin-dashboard .rdt_TableRow{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.admin-dashboard .rdt_TableRow:hover{background-color:#f9fafb}.admin-dashboard .rdt_TableCell{padding:16px;font-size:14px;color:#374151}.admin-dashboard .rdt_Pagination{border-top:1px solid #e5e7eb;padding:12px}@media(max-width:1024px){.admin-dashboard .search-filter-container{grid-template-columns:1fr 1fr}.admin-dashboard .search-input{grid-column:span 2}}@media(max-width:900px){.admin-dashboard .stat-card{padding:5px 24px}.statsCardcss{display:flex;justify-content:center;align-items:center;gap:10px}}@media(max-width:768px){.admin-dashboard{padding:16px}.admin-dashboard .dashboard-stats{grid-template-columns:1fr;gap:10px}.admin-dashboard .header-actions{flex-direction:row}.admin-dashboard .search-filter-container{grid-template-columns:1fr}.admin-dashboard .stat-icon1,.admin-dashboard .stat-icon2,.admin-dashboard .stat-icon3,.admin-dashboard .stat-icon4,.admin-dashboard .stat-icon5,.admin-dashboard .stat-icon6{width:45px;height:45px}.admin-dashboard .search-input{grid-column:span 1}.admin-dashboard .stat-card{padding:5px 24px}}@media(max-width:640px){.admin-dashboard .section-header{flex-direction:column;gap:16px;align-items:flex-start}}.courses-container{padding:24px;background-color:var(--bg-gray);min-height:100vh}.courses-container .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.courses-container .stat-card{position:relative;border-radius:16px;padding:24px;overflow:hidden}.courses-container .stat-card.schools{background-color:#ffecef}.courses-container .stat-card.educators{background-color:#e8ffef}.courses-container .stat-card.courses{background-color:#fff8e8}.courses-container .stat-count{font-size:28px;font-weight:600;margin:8px 0;color:#333}.courses-container .stat-title{font-size:14px;color:#666}.courses-container .stat-icon1{background-color:#fa5a7d;border-radius:50%;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.courses-container .stat-icon2{background-color:#3cd856;border-radius:50%;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.courses-container .stat-icon3{background-color:#ff947a;border-radius:50%;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.courses-container .icondesign1,.courses-container .icondesign2,.courses-container .icondesign3{position:absolute;bottom:10px;right:10px;font-size:80px;opacity:.1}.courses-container.admin-dashboard.courses-container{padding:0}.courses-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.courses-container .section-title{font-size:20px;font-weight:600;color:#333}.courses-container .header-actions{display:flex;gap:12px}.courses-container .add-course-btn,.courses-container .add-educator-btn,.courses-container .view-all-btn{padding:8px 16px;border-radius:var(--border-small-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.courses-container .add-course-btn,.courses-container .add-educator-btn{background-color:var(--bg-primary);color:#fff;border:none}.courses-container .view-all-btn{background-color:transparent;color:var(--bg-primary);border:1px solid var(--bg-primary)}.courses-container .add-course-btn:hover{background-color:#4338ca}.courses-container .view-all-btn:hover{background-color:#eef2ff}.courses-container .courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.courses-container .courses-title{font-size:var(--heading4);color:var(--text-color);font-weight:500}.courses-container .search-filter-container{display:grid;grid-template-columns:6fr 3fr 2fr 2fr;align-items:center;gap:16px;margin-bottom:24px}.courses-container .search-input{padding:10px 16px;border:1px solid #e5e7eb;border-radius:var(--border-small-radius);font-size:14px;outline:none;transition:border-color .2s;width:100%}.courses-container .search-input:focus{border-color:var(--bg-primary);box-shadow:0 0 0 2px #4f46e51a}.courses-container .filter-select{padding:10px 16px;border:1px solid #e5e7eb;border-radius:var(--border-small-radius);font-size:14px;background-color:#fff;outline:none;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.courses-container .filter-select:focus{border-color:var(--bg-primary);box-shadow:0 0 0 2px #4f46e51a}.courses-container .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem}.courses-container .rdt_Table{background-color:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a}.courses-container .rdt_TableHeader{display:none}.courses-container .rdt_TableHead{background-color:#f9fafb}.courses-container .rdt_TableHeadRow{border-bottom:1px solid #e5e7eb}.courses-container .rdt_TableCol{padding:16px;font-size:14px;font-weight:500;color:#6b7280}.courses-container .rdt_TableRow{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.courses-container .rdt_TableRow:hover{background-color:#f9fafb}.courses-container .rdt_TableCell{padding:16px;font-size:14px;color:#374151}.courses-container .rdt_Pagination{border-top:1px solid #e5e7eb;padding:12px}.courses-container .course-info,.courses-container .professor-info{display:flex;align-items:center;gap:12px}.courses-container .draft-badge{display:inline-block;padding:3px 8px;background-color:#f3f4f6;color:#6b7280;border-radius:12px;font-size:12px;font-weight:500;margin-left:8px;border:1px solid #d1d5db}.courses-container .publication-status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;text-align:center}.courses-container .publication-status.draft{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.courses-container .publication-status.published{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.courses-container .course-thumbnail{width:48px;height:48px;border-radius:var(--border-small-radius);object-fit:contain}.courses-container .professor-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.courses-container .status-cell{display:flex;align-items:center;gap:8px}.courses-container .status-indicator{width:36px;height:20px;border-radius:20px;background-color:#e5e7eb;position:relative;cursor:pointer;transition:background-color .3s ease}.courses-container .status-indicator:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease}.courses-container .status-indicator.active{background-color:var(--bg-primary)}.courses-container .status-indicator.active:before{transform:translate(16px)}.courses-container .text-green-600{color:#16a34a;font-size:14px;font-weight:500}.courses-container .text-red-600{color:#dc2626;font-size:14px;font-weight:500}.courses-container .action-buttons{display:flex;gap:8px;justify-content:center}.courses-container .action-btn,.courses-container .action-button{width:32px;height:32px;padding:0;border:none;border-radius:var(--border-small-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.courses-container .action-btn.view{background-color:#eef2ff;color:var(--bg-primary)}.courses-container .action-btn.edit{background-color:#e7eee5;color:#4abb66}.courses-container .action-btn.edit,.courses-container .action-button.edit{background-color:#ecfdf5;color:#059669}.courses-container .action-btn.delete,.courses-container .action-button.delete{background-color:#fef2f2;color:#dc2626}.courses-container .action-btn.add,.courses-container .action-button.add{background-color:#e7eee5;color:#4abb66}.courses-container .action-btn:hover,.courses-container .action-button:hover{transform:translateY(-1px)}.courses-container .action-btn svg,.courses-container .action-button svg{width:14px;height:14px}.courses-container .admin-dashboard .course-title{font-size:var(--smallfont);font-weight:6 00;margin-bottom:5px;color:var(--text-color)}.courses-container .admin-dashboard .course-category{font-size:var(--extrasmallfont);color:var(--text-primary);margin-bottom:10px;font-weight:400}.courses-container .admin-dashboard .course-description{font-size:var(--extrasmallfont);color:var(--text-gray);margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;padding-bottom:0}.courses-container .admin-dashboard .instructor{display:flex;align-items:center;margin-bottom:15px}.courses-container .admin-dashboard .instructor-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.courses-container .admin-dashboard .instructor-name{font-size:var(--smallfont);color:var(--text-color)}.courses-container .admin-dashboard .course-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--extrasmallfont);color:var(--text-gray);margin-bottom:15px}.courses-container .admin-dashboard .meta-item{display:flex;align-items:center;gap:5px}.courses-container .admin-dashboard .enroll-btn{display:block;width:100%;padding:8px 0;text-align:center;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-small-radius);font-size:var(--smallfont);cursor:pointer;transition:background-color .3s ease}.courses-container .admin-dashboard .enroll-btn:hover{background-color:var(--primary-light-color)}@media(max-width:1200px){.courses-container{padding:20px}.courses-container .search-filter-container{grid-template-columns:5fr 2fr 2fr 2fr;gap:12px}}@media(max-width:992px){.courses-container .search-filter-container{grid-template-columns:3fr 2fr 2fr 2fr}.courses-container .section-header{flex-wrap:wrap;gap:16px}.courses-container .header-actions{width:100%;justify-content:flex-end}}@media(max-width:900px){.courses-container .search-filter-container{grid-template-columns:1fr 1fr 1fr}.courses-container .search-input{grid-column:span 3}}@media(max-width:768px){.courses-container{padding:16px}.courses-container .dashboard-stats{grid-template-columns:1fr 1fr}.courses-container .section-header{flex-direction:column;align-items:flex-start}.courses-container .header-actions{margin-top:12px}.courses-container .search-filter-container{grid-template-columns:1fr 1fr}.courses-container .search-input{grid-column:span 2}}@media(max-width:576px){.courses-container{padding:12px}.courses-container .dashboard-stats{grid-template-columns:1fr;gap:10px}.courses-container .header-actions{flex-direction:column;width:100%}.courses-container .add-course-btn,.courses-container .view-all-btn{width:100%;text-align:center}.courses-container .search-filter-container{grid-template-columns:1fr}.courses-container .search-input,.courses-container .filter-select{grid-column:span 1}.courses-container .stat-count{display:flex;align-items:center;gap:1rem}.courses-container .stat-card{padding:5px 24px}}.course-cards-container{width:100%;margin-bottom:2rem}.course-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.course-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.course-card-thumbnail{position:relative;height:180px;overflow:hidden}.course-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .course-card-thumbnail img{transform:scale(1.05)}.course-card-content{padding:10px 20px;flex-grow:1}.course-card-category{font-size:12px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.course-card-title-container{display:flex;align-items:center;margin-bottom:12px}.course-card-title{font-size:18px;font-weight:600;color:#333;line-height:1.3;margin-right:8px}.course-card-description{font-size:14px;color:#666;line-height:1.5}.course-card-footer{padding:10px 20px;border-top:1px solid #eee;background-color:#f9f9f9}.course-card-professor{display:flex;align-items:center;margin-bottom:12px}.professor-avatar-small{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:8px}.course-card-meta{display:flex;justify-content:space-between;margin-bottom:16px}.course-card-meta-item{display:flex;align-items:center;font-size:13px;color:#666}.meta-icon{margin-right:6px;font-size:14px;color:var(--bg-primary)}.course-card-actions{display:flex;justify-content:center}.resume-btn,.start-learning-btn{width:100%;padding:10px;border-radius:var(--border-small-radius);font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease}.resume-btn{background-color:#fff;color:var(--bg-primary);border:1px solid var(--bg-primary)}.start-learning-btn{background-color:var(--bg-primary);color:#fff;border:none}.resume-btn:hover{background-color:#f0f4ff}.start-learning-btn:hover{background-color:#4338ca}@media(max-width:768px){.course-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:576px){.course-cards-grid{grid-template-columns:1fr}}@media(max-width:300px){.courses-container .action-buttons{width:100px}}.school-dashboard{padding:24px;background-color:var(--bg-gray);position:relative;min-height:100vh;font-family:var(--font-Poppins)}.school-dashboard .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.school-dashboard .loading-spinner{width:50px;height:50px;border:5px solid var(--bg-gray);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.school-dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.school-dashboard .stat-card{position:relative;border-radius:var(--border-large-radius);padding:24px;overflow:hidden;box-shadow:var(--box-shadow-light);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.school-dashboard .stat-card:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-medium)}.school-dashboard .stat-card.professors{background-color:#e8ffef}.school-dashboard .stat-card.courses{background-color:#fff8e8}.school-dashboard .stat-card.educators{background-color:#e8f4ff}.school-dashboard .stat-card.ongoing{background-color:#f0e7ff}.school-dashboard .stat-card.blogs{background-color:#ffe7e7}.school-dashboard .stat-count{font-size:28px;font-weight:600;margin:8px 0;color:var(--text-color)}.school-dashboard .stat-title{font-size:var(--smallfont);color:var(--text-gray)}.school-dashboard .stat-icon1,.school-dashboard .stat-icon2,.school-dashboard .stat-icon3,.school-dashboard .stat-icon4{position:relative;display:inline-block}.school-dashboard .icondesign1,.school-dashboard .icondesign2,.school-dashboard .icondesign3,.school-dashboard .icondesign4{position:absolute;top:-8px;left:-8px;opacity:.2;font-size:40px;z-index:0}.school-dashboard .dashboard-section{background-color:var(--bg-white);border-radius:var(--border-large-radius);padding:24px;margin-bottom:32px;box-shadow:var(--box-shadow-light)}.school-dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--border-gray);padding-bottom:16px}.school-dashboard .section-title{font-size:var(--heading5);font-weight:600;color:var(--text-color)}.school-dashboard .header-actions{display:flex;gap:12px}.school-dashboard .add-course-btn,.school-dashboard .add-educator-btn{background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-small-radius);padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:var(--font-Poppins)}.school-dashboard .add-course-btn:hover,.school-dashboard .add-educator-btn:hover{background-color:var(--primary-hover-color)}.school-dashboard .view-all-btn{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-small-radius);padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s;font-family:var(--font-Poppins)}.school-dashboard .view-all-btn:hover{background-color:var(--primary-color);color:var(--white)}.school-dashboard .data-table-container{width:100%;overflow:hidden;border-radius:var(--border-medium-radius)}.school-dashboard .rdt_TableHeader{background-color:var(--bg-white);padding:16px;font-weight:600;color:var(--text-color)}.school-dashboard .rdt_TableHeadRow{background-color:var(--bg-gray);border-bottom:1px solid var(--border-gray)}.school-dashboard .rdt_TableRow{border-bottom:1px solid var(--border-gray);transition:background-color .2s}.school-dashboard .rdt_TableRow:hover{background-color:#1a2e6e0d}.school-dashboard .course-info,.school-dashboard .professor-cell{display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.course-info .course-details{display:grid}.school-dashboard .course-thumbnail{width:48px;height:36px;object-fit:cover;border-radius:var(--border-small-radius)}.school-dashboard .professor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.school-dashboard .professor-info{display:flex;align-items:center;gap:8px}.school-dashboard .action-buttons{display:flex;gap:8px;justify-content:center}.school-dashboard .action-btn,.school-dashboard .action-button{width:32px;height:32px;padding:0;border:none;border-radius:var(--border-small-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.school-dashboard .action-btn.view,.school-dashboard .action-button.view{background-color:var(--primary-light-bg);color:var(--primary-color)}.school-dashboard .action-btn.edit,.school-dashboard .action-button.edit{background-color:#ecfdf5;color:#059669}.school-dashboard .action-btn.delete,.school-dashboard .action-button.delete{background-color:#fef2f2;color:#dc2626}.school-dashboard .action-btn.add,.school-dashboard .action-button.add{background-color:#e7eee5;color:#4abb66}.school-dashboard .action-btn:hover,.school-dashboard .action-button:hover{transform:translateY(-1px)}.school-dashboard .action-btn svg,.school-dashboard .action-button svg{width:14px;height:14px}.school-dashboard .status-cell{display:flex;align-items:center;gap:8px}.school-dashboard .status-indicator{width:36px;height:20px;border-radius:20px;background-color:#e5e7eb;position:relative;cursor:pointer;transition:background-color .3s ease}.school-dashboard .status-indicator:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease}.school-dashboard .status-indicator.active{background-color:var(--bg-primary)}.school-dashboard .status-indicator.active:before{transform:translate(16px)}.school-dashboard .text-green-600{color:#16a34a;font-size:14px;font-weight:500}.school-dashboard .text-red-600{color:#dc2626;font-size:14px;font-weight:500}.school-dashboard .search-container{margin-bottom:16px}.school-dashboard .search-input{width:100%;max-width:300px;padding:8px 12px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-family:var(--font-Poppins);font-size:var(--smallfont);transition:border-color .2s}.school-dashboard .search-input:focus{border-color:var(--primary-color);outline:none}@media(max-width:768px){.school-dashboard .dashboard-stats{grid-template-columns:1fr}.school-dashboard .section-header{flex-direction:column;align-items:flex-start;gap:12px}.school-dashboard .header-actions{width:100%;justify-content:space-between}.school-dashboard .search-input{max-width:100%}}.tutor-dashboard{background-color:var(--bg-gray, #f5f7fa);min-height:100vh}.tutor-dashboard .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.tutor-dashboard .loading-spinner{width:50px;height:50px;border:5px solid var(--bg-gray);border-top:5px solid var(--primary-color, #6366f1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.tutor-dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.tutor-dashboard .stat-card{position:relative;border-radius:16px;padding:24px;display:flex;overflow:hidden;justify-content:space-between;flex-direction:row-reverse;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tutor-dashboard .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.tutor-dashboard .stat-card.ongoing{background-color:#ffecef}.tutor-dashboard .stat-card.completed{background-color:#e8ffef}.tutor-dashboard .stat-card.total{background-color:#fff8e8}.tutor-dashboard .stat-count{font-size:28px;font-weight:600;margin:8px 0;color:#333}.tutor-dashboard .stat-title{font-size:14px;color:#666}.tutor-dashboard .stat-icon1{background-color:#fa5a7d;border-radius:50%;height:50px;width:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.tutor-dashboard .stat-icon2{background-color:#3cd856;border-radius:50%;height:50px;width:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.tutor-dashboard .stat-icon3{background-color:#ff947a;border-radius:50%;height:50px;width:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.tutor-dashboard .icondesign1,.tutor-dashboard .icondesign2,.tutor-dashboard .icondesign3{position:absolute;bottom:10px;right:10px;font-size:80px;opacity:.1}.tutor-dashboard .dashboard-section{background-color:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a}.tutor-dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tutor-dashboard .section-title{font-size:20px;font-weight:600;color:#111827}.tutor-dashboard .view-all-btn{padding:8px 16px;background-color:transparent;color:var(--bg-primary, #6366f1);border:1px solid var(--bg-primary, #6366f1);border-radius:var(--border-small-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.tutor-dashboard .view-all-btn:hover{background-color:#eef2ff}.tutor-dashboard .course-info{display:flex;align-items:center;gap:12px}.tutor-dashboard .course-thumbnail{width:48px;height:48px;border-radius:var(--border-small-radius);object-fit:contain}.tutor-dashboard .course-details{display:flex;flex-direction:column}.tutor-dashboard .course-title{font-weight:500;color:#111827;margin-bottom:4px}.tutor-dashboard .course-category{font-size:12px;color:#6b7280}.tutor-dashboard .progress-container{display:flex;align-items:center;gap:12px}.tutor-dashboard .progress-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;position:relative}.tutor-dashboard .progress-fill{position:absolute;left:0;top:0;height:100%;background-color:var(--bg-primary, #6366f1);border-radius:4px;transition:width .3s ease}.tutor-dashboard .progress-text{font-size:14px;color:#111827;font-weight:500;width:42px;text-align:right}.tutor-dashboard .action-buttons{display:flex;gap:8px;justify-content:center}.tutor-dashboard .action-btn{width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tutor-dashboard .action-btn.view{background-color:#eef2ff;color:var(--bg-primary, #6366f1)}.tutor-dashboard .action-btn:hover{transform:translateY(-2px)}.tutor-dashboard .action-btn svg{width:14px;height:14px}.tutor-dashboard .empty-courses{display:flex;justify-content:center;padding:48px 0}.tutor-dashboard .empty-message{text-align:center;max-width:400px;align-content:center;display:flex;flex-direction:column;align-items:center}.tutor-dashboard .empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.tutor-dashboard .empty-message h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px}.tutor-dashboard .empty-message p{font-size:14px;color:#6b7280;margin-bottom:24px}.tutor-dashboard .browse-courses-btn{padding:10px 20px;background-color:var(--bg-primary, #6366f1);color:#fff;border:none;border-radius:var(--border-small-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.tutor-dashboard .browse-courses-btn:hover{background-color:#4f46e5}@media(max-width:992px){.tutor-dashboard .dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:768px){.tutor-dashboard{padding:16px}.tutor-dashboard .dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.tutor-dashboard .section-header{flex-direction:column;align-items:flex-start;gap:12px}.tutor-dashboard .view-all-btn{width:100%}}@media(max-width:576px){.tutor-dashboard .dashboard-stats{grid-template-columns:1fr;gap:10px}.tutor-dashboard .progress-container{flex-direction:column;align-items:flex-start;gap:8px}.tutor-dashboard .progress-text{text-align:left;width:auto}.tutor-dashboard .stat-card{padding:5px 24px}.rescardcss{display:flex;align-items:center;gap:1rem}}.schools-container{margin:0 auto;min-height:100vh}.schools-container .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem}.schools-container table{width:100%;border-collapse:collapse;min-width:800px}.schools-container th,.schools-container td{padding:.75rem;text-align:left;vertical-align:middle;white-space:nowrap}.schools-container .owner-cell{display:flex;align-items:center;gap:.75rem;white-space:nowrap}.schools-container .owner-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.schools-container .action-buttons{display:flex;gap:8px;justify-content:center}.schools-container .action-button{width:32px;height:32px;padding:0;border:none;border-radius:var(--border-small-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.schools-container .action-button.view{background-color:var(--primary-light-bg);color:var(--primary-color)}.schools-container .action-button.edit{background-color:#ecfdf5;color:#059669}.schools-container .action-button.delete{background-color:#fef2f2;color:#dc2626}.schools-container .action-button.add{background-color:#e7eee5;color:#4abb66}.schools-container .action-button:hover{transform:translateY(-1px)}.schools-container .action-button svg{width:14px;height:14px}@media(max-width:1200px){.schools-container{padding:0 1.5rem}.schools-container .search-filter-container{grid-template-columns:3fr 2fr 2fr 2fr 1fr;gap:.75rem}}@media(max-width:1130px)and (min-width:900.5px){.schools-container{padding:0 1rem}.schools-container .search-filter-container{grid-template-columns:1fr 1fr 1fr;margin-bottom:1rem;width:100%;gap:.75rem}.schools-container .create-account-btn{margin-left:auto}}@media(max-width:900px){.topbar .user-name{font-weight:600;font-size:var(--extrasmallfont);color:var(--text-color)}.topbar .dashboard-title h1{font-size:var(--heading5);font-weight:600;color:var(--text-color);margin:0}.schools-container .search-filter-container{grid-template-columns:1fr 1fr;gap:.75rem}.schools-container .search-input{grid-column:span 1}.schools-container .create-account-btn{grid-column:span 1;text-align:center}}@media(max-width:768px){.schools-container{padding:0 .75rem}.schools-container .schools-header{flex-direction:column;align-items:stretch;gap:1rem}.schools-container .search-filter-container{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:center}.schools-container .search-input{grid-column:span 2;min-width:100%}.schools-container .filter-select{max-width:100%}.schools-container .create-account-btn{justify-self:end;max-width:fit-content}}@media(max-width:576px){.schools-container{padding:0 .5rem}.schools-container .search-filter-container{grid-template-columns:1fr 1fr;gap:.5rem}.schools-container .search-input{grid-column:span 2;padding:8px 12px}.schools-container .filter-select{padding:8px 12px}.schools-container .create-account-btn{padding:8px 16px;grid-column:span 2;justify-self:end}}@media(max-width:480px){.schools-container{padding:0 .25rem}.schools-container .search-filter-container{grid-template-columns:1fr 1fr;gap:.5rem}.schools-container .search-input{grid-column:span 3}.schools-container .filter-select{min-width:0}.schools-container .create-account-btn{padding:6px 12px;font-size:13px}.schools-container .owner-avatar{width:24px;height:24px}}.status-cell{display:flex;align-items:center;gap:8px}.status-cell span{font-size:14px;text-wrap-mode:nowrap;font-weight:500}.status-indicator{width:20px;height:20px;border-radius:50%;background-color:#e0e0e0;cursor:pointer;transition:all .3s ease;position:relative;flex-shrink:0}.status-indicator:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;cursor:pointer}.status-indicator.active{background-color:var(--primary-color);border-color:transparent}.status-counts{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.count-item{font-size:var(--basefont);display:flex;align-items:center;gap:.5rem}.count-item strong{font-weight:600;font-size:1.1em}@media(max-width:768px){.status-counts{gap:1rem;justify-content:space-between;width:100%}.count-item{font-size:var(--smallfont)}}.school-cell{display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.school-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #eaeaea}.school-avatar-placeholder{width:40px;height:40px;color:#ccc;border-radius:50%;background-color:#f5f5f5;padding:8px;box-sizing:border-box}.page-header{display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.page-header-top{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem;justify-content:space-between}.page-title{font-size:var(--heading4);font-weight:600;color:var(--text-color);margin:0}.create-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-small-radius);padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap;margin-left:1rem}.create-button:hover{background-color:var(--primary-hover-color)}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%}.search-input{padding:10px 16px;border:1px solid #e2e8f0;border-radius:var(--border-small-radius);font-size:14px;outline:none;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.filter-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:var(--border-small-radius);background-color:#fff;font-size:14px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;width:100%}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}@media(max-width:1200px){.filters-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}}@media(max-width:992px){.filters-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:768px){.page-header-top{flex-direction:row;align-items:center;flex-wrap:wrap}.page-title{font-size:var(--heading5)}.create-button{margin-left:1rem;font-size:13px;padding:8px 16px}.filters-row{grid-template-columns:1fr 1fr;gap:.75rem}}@media(max-width:576px){.page-header-top{flex-direction:column;align-items:flex-start}.create-button{margin-left:0;margin-top:.5rem;width:100%}.filters-row{grid-template-columns:1fr;gap:.5rem}.search-input,.filter-select{padding:8px 12px;font-size:13px}}.school-form-container{background-color:var(--bg-gray);min-height:100vh;width:100%}.school-form-container .form-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.school-form-container .form-header h1{font-size:var(--heading4);font-weight:600;color:var(--text-color)}.school-form-container .back-button{background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.school-form-container .back-button:hover{background-color:var(--primary-light-color);color:#fff}.school-form-container .school-form{background-color:var(--bg-white);border-radius:var(--border-large-radius);padding:2rem;box-shadow:var(--box-shadow-light);width:100%;overflow:hidden}.school-form-container .form-section{margin-bottom:2rem;border-bottom:1px solid var(--border-gray);padding-bottom:1.5rem}.school-form-container .form-section:last-of-type{border-bottom:none}.school-form-container .form-section h2{font-size:var(--heading6);font-weight:600;margin-bottom:1.5rem;color:var(--text-color);padding-bottom:.5rem;border-bottom:2px solid var(--border-gray)}.school-form-container .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.school-form-container .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.school-form-container .form-group label{font-size:var(--basefont);color:var(--text-color);font-weight:500}.school-form-container .form-group input,.school-form-container .form-group select{padding:.75rem 1rem;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);color:var(--text-color);width:100%;background-color:var(--bg-white);transition:all .3s ease}.school-form-container .form-group input:focus,.school-form-container .form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.school-form-container .form-group input:disabled,.school-form-container .form-group select:disabled{background-color:var(--bg-gray);color:var(--text-gray);cursor:not-allowed;opacity:.7}.school-form-container .phone-input-wrapper{display:flex;align-items:center;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);overflow:hidden}.school-form-container .phone-input-wrapper .phone-prefix{padding:.75rem 1rem;background-color:var(--bg-gray);border-right:1px solid var(--border-gray);font-size:var(--basefont);color:var(--text-color)}.school-form-container .phone-input-wrapper input{flex:1;border:none!important;border-radius:0!important}.school-form-container .profile-section{display:flex;align-items:center;gap:2rem;padding:1.5rem;background-color:var(--bg-gray);border-radius:var(--border-small-radius)}.school-form-container .profile-preview{flex-shrink:0}.school-form-container .profile-preview-image{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid var(--bg-white);box-shadow:var(--box-shadow-light)}.school-form-container .profile-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-white);border-radius:50%;box-shadow:var(--box-shadow-light)}.school-form-container .placeholder-icon{font-size:80px;color:var(--dark-gray)}.school-form-container .profile-actions{display:flex;flex-direction:column;gap:.75rem}.school-form-container .upload-hint{font-size:var(--smallfont);color:var(--text-gray);margin:0}.school-form-container .upload-photo-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;width:fit-content}.school-form-container .upload-photo-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.school-form-container .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.school-form-container .cancel-btn,.school-form-container .submit-btn{padding:.75rem 2rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center}.school-form-container .cancel-btn{background-color:transparent;border:1px solid var(--dark-gray);color:var(--text-gray)}.school-form-container .submit-btn{background-color:var(--primary-color);color:#fff;border:none}.school-form-container .cancel-btn:hover{background-color:var(--bg-gray)}.school-form-container .submit-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.login-info-notice{background-color:#e6f2ff;border-left:4px solid #1976d2;padding:15px;margin-bottom:20px;border-radius:4px;font-size:14px;color:#333}@media(max-width:1200px){.school-form-container .form-grid{grid-template-columns:repeat(2,1fr)}.school-form-container .school-form{padding:1.75rem}}@media(max-width:1024px){.school-form-container .school-form{padding:1.5rem}.school-form-container .form-header h1{font-size:calc(var(--heading4) - 2px)}.school-form-container .profile-section{flex-direction:column;align-items:center;text-align:center}.school-form-container .profile-actions{align-items:center}}@media(max-width:960px){.school-form-container .form-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.school-form-container .form-section{padding-bottom:1.5rem}.school-form-container .form-section h2{font-size:calc(var(--heading6) - 1px)}}@media(max-width:768px){.school-form-container .form-grid{grid-template-columns:1fr;gap:1rem}.school-form-container .school-form{padding:1.25rem;border-radius:var(--border-medium-radius)}.school-form-container .form-section{margin-bottom:1.5rem;padding-bottom:1rem}.school-form-container .form-section h2{font-size:var(--basefont);margin-bottom:1rem;padding-bottom:.5rem}.school-form-container .form-header{margin-bottom:1.5rem}.school-form-container .form-header h1{font-size:var(--heading5)}.school-form-container .form-group label{font-size:var(--smallfont)}.school-form-container .form-group input,.school-form-container .form-group select,.school-form-container .phone-input-wrapper .phone-prefix{padding:.7rem .9rem;font-size:var(--smallfont)}.school-form-container .profile-preview-image,.school-form-container .profile-placeholder{width:100px;height:100px}.school-form-container .placeholder-icon{font-size:60px}}@media(max-width:576px){.school-form-container .school-form{padding:1rem;border-radius:var(--border-small-radius)}.school-form-container .form-actions{display:flex;gap:.75rem;flex-direction:row}.school-form-container .cancel-btn,.school-form-container .submit-btn{width:100%;padding:.7rem 1rem}.school-form-container .back-button{width:36px;height:36px;padding:0}.school-form-container .upload-photo-btn{padding:.7rem 1rem;font-size:var(--smallfont);width:100%;justify-content:center}.school-form-container .form-section h2{font-size:var(--smallfont)}}@media(max-width:480px){.school-form-container .form-header h1{font-size:var(--heading6)}.school-form-container .back-button{width:32px;height:32px}.school-form-container .profile-preview-image,.school-form-container .profile-placeholder{width:80px;height:80px}.school-form-container .placeholder-icon{font-size:50px}.school-form-container .form-section{margin-bottom:1.25rem;padding-bottom:.75rem}.school-form-container .form-group input,.school-form-container .form-group select,.school-form-container .phone-input-wrapper .phone-prefix{padding:.6rem .8rem;font-size:var(--smallfont)}}@media(max-width:380px){.school-form-container .school-form{padding:.75rem}.school-form-container .form-header{margin-bottom:1rem}.school-form-container .form-group{gap:.25rem}.school-form-container .form-group input,.school-form-container .form-group select,.school-form-container .phone-input-wrapper .phone-prefix{padding:.5rem .7rem;font-size:var(--extrasmallfont)}.school-form-container .form-section h2{font-size:var(--extrasmallfont);margin-bottom:.75rem}.school-form-container .form-group label{font-size:var(--extrasmallfont)}.school-form-container .profile-section{padding:1rem}}.upload-button{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background-color:#f0f0f0;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px;color:#333;border:1px solid #ddd;transition:all .3s ease}.upload-button:hover{background-color:#e0e0e0}.hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-preview-image{width:120px;height:120px;object-fit:cover;border-radius:50%}.profile-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%}.placeholder-icon{font-size:80px;color:#ccc}.profile-placeholder p{font-size:14px;color:#6b7280;margin:0}.educators-container{margin:0 auto;position:relative;min-height:100vh}.educators-container .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.educators-container .loading-spinner{width:50px;height:50px;border:5px solid var(--bg-gray);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.educators-container .professor-cell{display:flex;align-items:center;gap:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.educators-container .professor-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.educators-container .professor-avatar-placeholder{width:32px;height:32px;border-radius:50%;color:#aaa;background-color:#f0f0f0}.educators-container .status-cell{display:flex;align-items:center;gap:8px;justify-content:center}.educators-container .status-cell span{font-size:14px;font-weight:500}.educators-container .action-buttons{display:flex;gap:8px;justify-content:center}.educators-container .action-button{width:32px;height:32px;padding:0;border:none;border-radius:var(--border-small-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.educators-container .action-button.view{background-color:var(--primary-light-bg);color:var(--primary-color)}.educators-container .action-button.edit{background-color:#ecfdf5;color:#059669}.educators-container .action-button.delete{background-color:#fef2f2;color:#dc2626}.educators-container .action-button.add{background-color:#e7eee5;color:#4abb66}.educators-container .action-button:hover{transform:translateY(-1px)}.educators-container .action-button svg{width:14px;height:14px}@media(max-width:1200px){.educators-container{padding:0 1.5rem}.educators-container .search-filter-container{grid-template-columns:3fr 4fr 1fr 1fr;gap:.75rem}}@media(max-width:1130px)and (min-width:900.5px){.educators-container{padding:0 1rem}.educators-container .search-filter-container{grid-template-columns:1fr 1fr;margin-bottom:1rem;width:100%}.educators-container.create-account-btn{margin-left:auto}}@media(max-width:900px){.topbar .user-name{font-weight:600;font-size:var(--extrasmallfont);color:var(--text-color)}.topbar .dashboard-title h1{font-size:var(--heading5);font-weight:600;color:var(--text-color);margin:0}.educators-container .search-filter-container{grid-template-columns:1fr 1fr;gap:.75rem}.educators-container .search-input{grid-column:span 1}.educators-container .create-account-btn{grid-column:span 1;text-align:center}}@media(max-width:768px){.educators-container .educators-header{flex-direction:column;align-items:stretch}.educators-container .search-filter-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;align-items:center}.educators-container .filters{margin-top:.5rem}.educators-container .search-input{grid-column:span 3;min-width:100%}.educators-container .filter-select{max-width:100%}.educators-container.create-account-btn{justify-self:end;max-width:fit-content}}@media(max-width:576px){.educators-container{padding:0 .5rem}.educators-container .search-filter-container{grid-template-columns:1fr 1fr;gap:.5rem}.educators-container .search-input{grid-column:span 2;padding:8px 12px}.educators-container .filter-select{padding:8px 12px}.educators-container .create-account-btn{padding:8px 16px;grid-column:span 2;justify-self:end}}@media(max-width:480px){.educators-container{padding:0 .25rem}.educators-container .search-filter-container{grid-template-columns:2fr 1fr;gap:.5rem}.educators-container .search-input{grid-column:span 3}.educators-container .filter-select{min-width:0}.educators-container .create-account-btn{padding:6px 12px;font-size:13px}.educators-container .owner-avatar{width:24px;height:24px}}.educator-details-page{background-color:var(--bg-gray);min-height:100vh}.educator-details-page .educator-details-error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:var(--heading5);color:var(--text-color);font-weight:500}.educator-details-page .educator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-gray);background-color:var(--primary-color);padding:2rem;border-radius:var(--border-large-radius)}.educator-details-page .educator-info{display:flex;align-items:center;gap:1.5rem}.educator-details-page .educator-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.educator-details-page .educator-avatar-placeholder{width:64px;height:64px;border-radius:50%;color:#aaa;background-color:#f0f0f0;padding:5px}.educator-details-page .educator-text h1{font-size:var(--heading4);color:#fff;font-weight:600;margin-bottom:.25rem}.educator-details-page .category{font-size:var(--basefont);color:#fff}.educator-details-page .school-badge{display:flex;align-items:center;gap:1rem;background-color:var(--bg-gray);padding:1rem 1.5rem;border-radius:var(--border-medium-radius)}.educator-details-page .school-text{display:flex;flex-direction:column}.educator-details-page .school-name{font-size:var(--basefont);color:var(--text-color);font-weight:500}.educator-details-page .school-type{font-size:var(--smallfont);color:var(--text-gray)}.educator-details-page .details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.educator-details-page .details-section{background-color:var(--bg-white);border-radius:var(--border-small-radius);border:1px solid var(--border-gray);padding:1rem}.educator-details-page .details-section h2{font-size:var(--heading6);color:var(--text-color);font-weight:600;margin-bottom:1.5rem;border-bottom:2px solid var(--dark-gray);padding-bottom:1rem}.educator-details-page .info-content{display:flex;flex-direction:column;gap:1rem}.educator-details-page .info-row{display:grid;grid-template-columns:150px 1fr}.educator-details-page .info-row label{min-width:80px;font-size:var(--basefont);color:var(--text-gray);font-weight:500}.educator-details-page .info-row span{font-size:var(--basefont);color:var(--text-color)}.educator-details-page .status-toggle-container{display:flex;align-items:center;gap:12px}.educator-details-page .status-toggle-btn{padding:5px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;color:#fff}.educator-details-page .status-toggle-btn.activate{background-color:#4caf50}.educator-details-page .status-toggle-btn.activate:hover{background-color:#43a047}.educator-details-page .status-toggle-btn.deactivate{background-color:#f44336}.educator-details-page .status-toggle-btn.deactivate:hover{background-color:#e53935}.educator-details-page .action-buttons{display:flex;gap:1rem;justify-content:flex-end}.educator-details-page .delete-btn,.educator-details-page .edit-btn{padding:.75rem 2rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease}.educator-details-page .delete-btn{background-color:transparent;border:1px solid #d93025;color:#d93025}.educator-details-page .edit-btn{border:1px solid var(--primary-color);color:var(--primary-color)}.educator-details-page .delete-btn:hover{background-color:#fce8e8}.educator-details-page .edit-btn:hover{background-color:var(--primary-hover-color);color:#fff}.educator-details-page .action-buttons button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1130px){.educator-details-page .details-grid{grid-template-columns:1fr}}@media(max-width:768px){.educator-details-page{padding:1rem}.educator-details-page .details-grid{grid-template-columns:1fr}.educator-details-page .educator-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.educator-details-page .school-badge{width:100%}.educator-details-page .action-buttons{flex-direction:column;gap:.75rem}.educator-details-page .delete-btn,.educator-details-page .edit-btn{width:100%;text-align:center}.educator-details-page .info-row{flex-direction:column;gap:.25rem}.educator-details-page .info-row label{min-width:100%;font-weight:600}}@media(max-width:576px){.educator-details-page{padding:.75rem}.educator-details-page .educator-header{padding:1.25rem}.educator-details-page .educator-avatar{width:48px;height:48px}.educator-details-page .educator-text h1{font-size:var(--heading5)}.educator-details-page .category{font-size:var(--smallfont)}.educator-details-page .details-section{padding:.75rem}.educator-details-page .details-section h2{font-size:var(--basefont);margin-bottom:1rem;padding-bottom:.75rem}.educator-details-page .info-row label{min-width:70px;font-size:var(--smallfont)}.educator-details-page .info-row span{font-size:var(--smallfont)}}@media(max-width:480px){.educator-details-page{padding:.5rem}.educator-details-page .educator-header{padding:1rem;margin-bottom:1.5rem}.educator-details-page .educator-info{gap:1rem}.educator-details-page .school-badge{padding:.75rem 1rem}.educator-details-page .delete-btn,.educator-details-page .edit-btn{padding:.6rem 1.5rem;font-size:var(--smallfont)}.educator-details-page .info-row{display:flex;width:100%}.educator-details-page .info-row span{display:flex;flex-wrap:wrap}}.educator-form-container{background-color:var(--bg-gray);min-height:100vh;width:100%}.educator-form-container .form-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.educator-form-container .form-header h1{font-size:var(--heading4);font-weight:600;color:var(--text-color)}.educator-form-container .back-button{background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.educator-form-container .back-button:hover{background-color:var(--primary-light-color);color:#fff}.educator-form-container .educator-form{background-color:var(--bg-white);border-radius:var(--border-large-radius);padding:2rem;box-shadow:var(--box-shadow-light);width:100%;overflow:hidden}.educator-form-container .form-section{margin-bottom:2rem;border-bottom:1px solid var(--border-gray);padding-bottom:1.5rem}.educator-form-container .form-section:last-of-type{border-bottom:none}.educator-form-container .form-section h2{font-size:var(--heading6);font-weight:600;margin-bottom:1.5rem;color:var(--text-color);padding-bottom:.5rem;border-bottom:2px solid var(--border-gray)}.educator-form-container .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.educator-form-container .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.educator-form-container .form-group label{font-size:var(--basefont);color:var(--text-color);font-weight:500}.educator-form-container .form-group input,.educator-form-container .form-group select{padding:.75rem 1rem;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);color:var(--text-color);width:100%;background-color:var(--bg-white);transition:all .3s ease}.educator-form-container .form-group input:focus,.educator-form-container .form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.educator-form-container .form-group input:disabled,.educator-form-container .form-group select:disabled{background-color:var(--bg-gray);color:var(--text-gray);cursor:not-allowed;opacity:.7}.educator-form-container .error-message{color:#d32f2f;font-size:var(--smallfont);margin-top:.25rem}.educator-form-container .phone-input-wrapper{display:flex;align-items:center;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);overflow:hidden}.educator-form-container .phone-input-wrapper .phone-prefix{padding:.75rem 1rem;background-color:var(--bg-gray);border-right:1px solid var(--border-gray);font-size:var(--basefont);color:var(--text-color)}.educator-form-container .phone-input-wrapper input{flex:1;border:none!important;border-radius:0!important}.educator-form-container .profile-section{display:flex;align-items:center;gap:2rem;padding:1.5rem;background-color:var(--bg-gray);border-radius:var(--border-small-radius)}.educator-form-container .profile-preview{flex-shrink:0}.educator-form-container .profile-preview-image{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid var(--bg-white);box-shadow:var(--box-shadow-light)}.educator-form-container .profile-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-white);border-radius:50%;box-shadow:var(--box-shadow-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cccccc'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:50%}.educator-form-container .profile-actions{display:flex;flex-direction:column;gap:.75rem}.educator-form-container .upload-hint{font-size:var(--smallfont);color:var(--text-gray);margin:0}.educator-form-container .upload-photo-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;width:fit-content}.educator-form-container .upload-photo-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.educator-form-container .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.educator-form-container .cancel-btn,.educator-form-container .submit-btn{padding:.75rem 2rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center}.educator-form-container .cancel-btn{background-color:transparent;border:1px solid var(--dark-gray);color:var(--text-gray)}.educator-form-container .submit-btn{background-color:var(--primary-color);color:#fff;border:none}.educator-form-container .cancel-btn:hover{background-color:var(--bg-gray)}.educator-form-container .submit-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.educator-form-container .error-message{color:#d32f2f;font-size:.8rem;margin-top:.25rem;display:block}.educator-form-container .general-error{margin:1rem 0;padding:.5rem;background-color:#ffebee;border-radius:4px;text-align:center}.educator-form-container .disabled-input{background-color:var(--bg-gray)!important;color:var(--text-gray)!important;cursor:not-allowed!important;opacity:.8}.educator-form-container .credentials-note{background-color:#e8f4fd;border-left:4px solid #2196f3;padding:.75rem 1rem;margin-bottom:1.5rem;border-radius:4px}.educator-form-container .credentials-note p{color:#0d47a1;font-size:var(--smallfont);margin:0}.educator-form-container .optional-label{font-size:.8rem;color:var(--text-gray);font-weight:400;margin-left:.5rem}.loading-spinner-small{display:inline-block;width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.educator-form-container .form-actions button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1200px){.educator-form-container .form-grid{grid-template-columns:repeat(2,1fr)}.educator-form-container .educator-form{padding:1.75rem}}@media(max-width:1024px){.educator-form-container .educator-form{padding:1.5rem}.educator-form-container .form-header h1{font-size:calc(var(--heading4) - 2px)}.educator-form-container .profile-section{flex-direction:column;align-items:center;text-align:center}.educator-form-container .profile-actions{align-items:center}}@media(max-width:960px){.educator-form-container .form-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.educator-form-container .form-section{padding-bottom:1.5rem}.educator-form-container .form-section h2{font-size:calc(var(--heading6) - 1px)}.educator-form-container .form-group label{font-size:var(--smallfont)}.educator-form-container .form-group input,.educator-form-container .form-group select,.educator-form-container .phone-input-wrapper .phone-prefix{padding:.7rem .9rem;font-size:calc(var(--basefont) - 1px)}}@media(max-width:768px){.educator-form-container .form-grid{grid-template-columns:1fr;gap:1rem}.educator-form-container .educator-form{padding:1.25rem;border-radius:var(--border-medium-radius)}.educator-form-container .form-section{margin-bottom:1.5rem;padding-bottom:1rem}.educator-form-container .form-section h2{font-size:var(--basefont);margin-bottom:1rem;padding-bottom:.5rem}.educator-form-container .form-header{margin-bottom:1.5rem}.educator-form-container .form-header h1{font-size:var(--heading5)}.educator-form-container .form-group label{font-size:var(--smallfont)}.educator-form-container .form-group input,.educator-form-container .form-group select,.educator-form-container .phone-input-wrapper .phone-prefix{padding:.7rem .9rem;font-size:var(--smallfont)}.educator-form-container .profile-preview-image,.educator-form-container .profile-placeholder{width:100px;height:100px}}@media(max-width:576px){.educator-form-container .educator-form{padding:1rem;border-radius:var(--border-small-radius)}.educator-form-container .form-actions{flex-direction:row;gap:.75rem}.educator-form-container .cancel-btn,.educator-form-container .submit-btn{width:100%;padding:.7rem 1rem}.educator-form-container .back-button{width:36px;height:36px;padding:0}.educator-form-container .upload-photo-btn{padding:.7rem 1rem;font-size:var(--smallfont);width:100%;justify-content:center}.educator-form-container .form-section h2{font-size:var(--smallfont)}}@media(max-width:480px){.educator-form-container .form-header h1{font-size:var(--heading6)}.educator-form-container .back-button{width:32px;height:32px}.educator-form-container .profile-preview-image,.educator-form-container .profile-placeholder{width:80px;height:80px}.educator-form-container .form-section{margin-bottom:1.25rem;padding-bottom:.75rem}.educator-form-container .form-group input,.educator-form-container .form-group select,.educator-form-container .phone-input-wrapper .phone-prefix{padding:.6rem .8rem;font-size:var(--smallfont)}}@media(max-width:380px){.educator-form-container .educator-form{padding:.75rem}.educator-form-container .form-header{margin-bottom:1rem}.educator-form-container .form-group{gap:.25rem}.educator-form-container .form-group input,.educator-form-container .form-group select,.educator-form-container .phone-input-wrapper .phone-prefix{padding:.5rem .7rem;font-size:var(--extrasmallfont)}.educator-form-container .form-section h2{font-size:var(--extrasmallfont);margin-bottom:.75rem}.educator-form-container .form-group label{font-size:var(--extrasmallfont)}.educator-form-container .profile-section{padding:1rem}}.course-creation-container{min-height:100vh;margin:0 auto;font-family:var(--font-Poppins);color:var(--text-color)}.header{display:flex;align-items:center;margin-bottom:30px}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-gray);cursor:pointer;padding:8px 12px;font-size:var(--smallfont);font-weight:500;border-radius:var(--border-small-radius);transition:all .2s ease}.back-button:hover{background-color:var(--bg-gray);color:var(--text-color)}.header h1{margin-left:16px;font-size:var(--heading3);font-weight:600;color:var(--text-primary)}.stepper-container{margin:0 auto 30px;padding:0 10px}.stepper{display:flex;justify-content:space-between;position:relative;margin-bottom:30px}.stepper:before{content:"";position:absolute;top:20px;left:0;right:0;height:3px;background-color:var(--border-gray);z-index:0}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;cursor:pointer;transition:all .3s ease}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-white);border:2px solid var(--border-gray);color:var(--text-gray);font-weight:600;margin-bottom:8px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.step.active .step-number{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 5px rgba(var(--primary-color-rgb),.1);transform:scale(1.1)}.step.completed .step-number{background-color:#10b981;color:var(--white);border-color:#10b981}.step-label{font-size:var(--smallfont);font-weight:500;color:var(--text-gray);text-align:center;transition:all .3s ease;max-width:100%;padding:0 5px}.step.active .step-label{color:var(--text-primary);font-weight:600}.step.completed .step-label{color:#10b981}.step-content{background-color:var(--bg-white);border-radius:var(--border-large-radius);box-shadow:var(--box-shadow);padding:30px;margin-bottom:30px;margin-left:auto;margin-right:auto;border:1px solid var(--border-gray)}.step-description{color:var(--text-gray);margin-bottom:24px;font-size:var(--smallfont)}.form-section{margin-bottom:24px}#moduleTitle,#moduleDescription{width:100%;padding:12px 16px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);transition:all .3s ease;background-color:var(--bg-white)}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1;margin-bottom:20px}.form-group.full-width{width:100%}label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.required{color:#ef4444;margin-left:4px}.field-hint{font-size:var(--extrasmallfont);color:var(--text-gray);margin-top:5px}.input-field,.textarea-field,.select-field{width:100%;padding:12px 16px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);transition:all .3s ease;background-color:var(--bg-white)}.input-field:focus,.textarea-field:focus,.select-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);transform:translateY(-1px)}.textarea-field{min-height:120px;resize:vertical}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.thumbnail-section{margin-top:30px;border-top:1px solid var(--border-gray);padding-top:24px}.thumbnail-container{display:flex;align-items:center;justify-content:center;margin-top:16px}.thumbnail-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:280px;height:160px;border:2px dashed var(--border-gray);border-radius:var(--border-medium-radius);cursor:pointer;transition:all .3s ease;background-color:var(--bg-gray)}.thumbnail-upload:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.05);transform:translateY(-2px)}.hidden-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:20px;width:100%;height:100%;justify-content:center}.upload-icon{font-size:28px;color:var(--text-gray);margin-bottom:12px}.upload-label span{font-weight:500;color:var(--text-primary);margin-bottom:6px}.upload-hint{font-size:var(--extrasmallfont);color:var(--text-gray);text-align:center}.thumbnail-preview{position:relative;width:280px;height:160px;border-radius:var(--border-medium-radius);overflow:hidden;box-shadow:var(--box-shadow);border:1px solid var(--border-gray);transition:all .3s ease;object-fit:contain}.thumbnail-preview:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-medium)}.thumbnail-preview img{width:100%;height:100%;object-fit:contain;border-radius:var(--border-medium-radius)}.remove-thumbnail{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:#ef4444e6;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.remove-thumbnail:hover{background-color:#dc2626;transform:scale(1.1)}.module-toggle{display:flex;flex-direction:column;margin-bottom:24px;padding:20px;background-color:var(--bg-gray);border-radius:var(--border-medium-radius);border-left:4px solid var(--primary-color)}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;color:var(--text-primary)}.toggle-button{background:none;border:none;font-size:28px;color:var(--text-gray);cursor:pointer;transition:all .2s ease}.toggle-button.active{color:#10b981}.toggle-hint{font-size:var(--smallfont);color:var(--text-gray);margin-top:8px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-gray)}.section-header h3{font-size:var(--heading5);color:var(--text-primary);font-weight:600}.add-button{display:flex;align-items:center;gap:8px;background-color:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;transition:all .2s ease}.add-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.modules-list,.content-list,.quizzes-list{margin-top:16px}.module-card{background-color:var(--bg-white);border-radius:var(--border-medium-radius);padding:20px;margin-bottom:20px;box-shadow:var(--box-shadow-light);transition:all .2s ease;border:1px solid var(--border-gray)}.module-card:hover{box-shadow:var(--box-shadow)}.module-header{display:flex;align-items:center}.drag-handle{color:var(--text-gray);margin-right:12px;cursor:move;padding:8px;border-radius:var(--border-small-radius);transition:all .2s ease}.drag-handle:hover{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.module-title{font-size:var(--heading6);font-weight:600;color:var(--text-primary);flex:1;cursor:pointer;transition:all .2s ease}.module-title:hover{color:var(--primary-color)}.module-actions{margin-left:auto;display:flex;gap:6px}.module-actions button{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:8px;border-radius:var(--border-small-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.module-actions button:hover{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.toggle-module-btn{color:var(--text-primary)!important}.module-description{color:var(--text-gray);font-size:var(--smallfont);margin-bottom:16px;padding-left:28px}.module-content,.module-quiz{background-color:var(--bg-gray);border-radius:var(--border-small-radius);padding:16px;margin-top:12px;margin-bottom:12px}.module-content h5,.module-quiz h5{font-size:var(--smallfont);font-weight:600;color:var(--text-primary);display:flex;align-items:center;padding-bottom:8px;margin-bottom:8px;transition:all .2s ease}.quiz-item{display:flex!important;justify-content:space-between;font-size:var(--basefont);font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;padding:12px}.quiz-item-header{display:flex;align-items:center}#duration{width:100%;padding:12px 16px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);transition:all .3s ease;background-color:var(--bg-white)}.content-item:hover,.quiz-item:hover{box-shadow:var(--box-shadow);transform:translateY(-1px)}.content-item-icon,.quiz-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border-radius:var(--border-small-radius);margin-right:16px;font-size:18px}.content-item-info,.quiz-item-info{flex:1}.content-item-info h4,.quiz-item-info h4{font-size:var(--basefont);font-weight:600;margin-bottom:4px;color:var(--text-primary)}.content-item-info p,.quiz-item-info p{font-size:var(--smallfont);color:var(--text-gray);margin-bottom:4px}.quiz-questions-count{display:inline-block;padding:4px 8px;background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border-radius:var(--border-small-radius);font-size:var(--extrasmallfont);font-weight:500}.content-item-actions,.quiz-item-actions{display:flex;gap:8px}.question-header{display:flex;justify-content:space-between;align-items:center}.content-item-actions button,.quiz-item-actions button,.question-actions .new-edit-question,.question-actions .new-remove-question{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:8px;border-radius:var(--border-small-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.content-item-actions button:hover,.quiz-item-actions button:hover{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.module-editor,.content-editor,.quiz-editor{background-color:var(--bg-white);border-radius:var(--border-medium-radius);padding:20px;margin-bottom:24px;box-shadow:var(--box-shadow);border-left:4px solid var(--primary-color)}.checkbox-group{margin-top:16px}.checkbox-container{display:flex;cursor:pointer}.checkbox-container input[type=checkbox]{margin-right:10px;cursor:pointer;width:18px;height:18px}.checkbox-text{font-weight:600;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center}.checkbox-hint{font-size:var(--smallfont);color:var(--text-gray);margin-top:6px}.module-editor h4,.content-editor h4,.quiz-editor h4{font-size:var(--heading5);color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-gray)}.file-upload{display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.file-upload .file-upload-label{display:flex;align-items:center;padding:10px 16px;background-color:var(--primary-color);color:var(--white);border-radius:var(--border-small-radius);cursor:pointer;transition:all .2s ease;margin-top:8px}.file-upload-label:hover{background-color:var(--primary-hover-color)}.file-upload-label svg{margin-right:8px}.file-name{font-size:var(--smallfont);color:var(--text-primary);margin-top:8px;padding:4px 10px;background-color:rgba(var(--primary-color-rgb),.1);border-radius:var(--border-small-radius)}.existing-file{margin-top:10px;padding:8px 12px;background-color:rgba(var(--primary-color-rgb),.05);border-radius:var(--border-small-radius);border:1px dashed var(--primary-color)}.existing-file .file-name{background-color:transparent;padding:0;margin-top:0;font-weight:500}.existing-file .file-hint{font-size:var(--extrasmallfont);color:var(--text-gray);margin-top:4px;margin-bottom:0}.add-question-form{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-gray)}.add-question-form h5{font-size:var(--heading6);color:var(--text-primary);margin-bottom:16px}.options-container{margin-top:12px;margin-bottom:16px}.option-row{display:flex;gap:12px;margin-bottom:10px;align-items:center}.correct-toggle{background-color:var(--bg-gray);border:1px solid var(--border-gray);color:var(--text-gray);padding:8px 12px;border-radius:var(--border-small-radius);font-size:var(--smallfont);cursor:pointer;transition:all .2s ease;white-space:nowrap}.correct-toggle.active{background-color:#10b981;color:#fff;border-color:#10b981}.questions-list{margin-top:24px;margin-bottom:24px}.questions-list h5{font-size:var(--heading6);color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.question-item{background-color:var(--bg-gray);border-radius:var(--border-small-radius);padding:16px;margin-bottom:12px;position:relative}.question-item h6{font-size:var(--basefont);font-weight:600;color:var(--text-primary);margin-bottom:12px}.options-list{list-style:none;padding:0;margin:0 0 0 16px}.options-list li{padding:6px 10px;margin-bottom:4px;font-size:var(--smallfont);color:var(--text-color);border-radius:var(--border-small-radius)}.options-list li.correct{background-color:#10b9811a;color:#10b981;font-weight:500}.remove-question{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-gray);cursor:pointer;padding:4px;transition:all .2s ease}.remove-question:hover{color:#ef4444}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-button,.save-button,.add-question-button{padding:8px 16px;border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button{background-color:transparent;border:1px solid var(--border-gray);color:var(--text-gray)}.cancel-button:hover{background-color:var(--bg-gray)}.save-button{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.save-button:hover{background-color:var(--primary-hover-color)}.add-question-button{background-color:#10b981;border:none;color:#fff;margin-top:16px;display:flex;align-items:center;gap:5px}.add-question-button:hover{background-color:#059669;transform:translateY(-2px)}.no-modules,.no-content,.no-quizzes,.no-items{text-align:center;border-radius:var(--border-medium-radius);color:var(--text-gray);font-size:var(--smallfont)}.navigation-buttons{display:flex;justify-content:space-between;margin-top:30px;padding:0 10px}.back-nav-button,.next-button,.submit-button,.save-draft-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--border-medium-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 2px 4px #0000001a}.back-nav-button{background-color:var(--bg-white);color:var(--text-gray);border:1px solid var(--border-gray)}.back-nav-button:hover{background-color:var(--bg-gray);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.next-button{background-color:var(--primary-color);color:#fff}.next-button:hover{background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.submit-button{background-color:#10b981;color:#fff}.submit-button:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.save-draft-button{background-color:var(--bg-white);color:var(--primary-color);border:1px solid var(--primary-color);margin-left:auto;margin-right:10px}.save-draft-button:hover{background-color:rgba(var(--primary-color-rgb),.05);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.submit-button:disabled,.next-button:disabled,.save-draft-button:disabled{background-color:var(--border-gray);cursor:not-allowed;transform:none;box-shadow:none;color:var(--text-gray);border-color:var(--border-gray)}.validation-errors{margin-top:24px;padding:16px;background-color:#fef2f2;border:1px solid #f87171;border-radius:var(--border-medium-radius);color:#b91c1c}.validation-errors h3{font-size:var(--basefont);margin-bottom:8px;font-weight:600}.validation-errors ul{list-style-type:disc;padding-left:20px}.validation-errors li{margin-bottom:4px;font-size:var(--smallfont)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.review-section{border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);margin-bottom:24px;transition:all .3s ease}.review-section.valid{border-left:4px solid #10b981}.review-section.invalid{border-left:4px solid #ef4444}.review-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-gray);background-color:var(--bg-gray);border-top-left-radius:var(--border-medium-radius);border-top-right-radius:var(--border-medium-radius)}.review-header h3{font-size:var(--heading5);color:var(--text-primary);font-weight:600}.valid-icon{color:#10b981}.invalid-icon{color:#ef4444}.review-content{padding:20px;display:flex;gap:20px}.review-details{flex:1}.review-details.wide{width:100%}.review-item{margin-bottom:16px}.label{font-weight:600;color:var(--text-primary);margin-right:8px;font-size:var(--basefont)}.value{color:var(--text-color);font-size:var(--basefont)}.validation-messages{padding:16px 20px;background-color:#fee2e2;color:#b91c1c;border-bottom-left-radius:var(--border-medium-radius);border-bottom-right-radius:var(--border-medium-radius)}.validation-message{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:var(--smallfont)}.submission-readiness{padding:30px;border-radius:var(--border-medium-radius);margin-top:32px;text-align:center;background-color:var(--bg-gray)}.ready-message{color:#10b981;font-size:var(--heading6);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.not-ready-message{color:#b91c1c;font-size:var(--heading6);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.server-errors{margin-top:20px;padding:16px;background-color:#fee2e2;border-radius:var(--border-small-radius);border-left:4px solid #ef4444}.server-errors h4{color:#b91c1c;margin-bottom:12px;font-size:var(--basefont);font-weight:600}.server-errors ul{list-style-type:none;padding:0;margin:0}.server-errors .error-item{margin-bottom:8px;font-size:var(--smallfont);padding:8px 12px;background-color:#ef44441a;border-radius:var(--border-small-radius)}.server-errors .error-item strong{color:#b91c1c;margin-right:5px}.curriculum-step h2{color:var(--text-primary);margin-bottom:10px;font-weight:600}.module-content,.module-quiz{background-color:var(--bg-gray);border-radius:var(--border-medium-radius);padding:16px;margin-top:16px}.module-content h5,.module-quiz h5{font-size:var(--basefont);font-weight:600;color:var(--text-primary);margin-bottom:0;display:flex;align-items:center}.content-actions{display:flex;gap:8px;justify-content:flex-end}.content-actions .edit-grey-btn,.delete-grey-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:8px;border-radius:var(--border-small-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-button,.delete-button{background:none;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:all .3s ease}.edit-button{color:var(--primary-color)}.delete-button{color:#dc3545}.edit-button:hover,.delete-button:hover{background-color:#0000000d}.add-content-button,.add-quiz-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.05);color:var(--primary-color);border-radius:var(--border-small-radius);font-size:var(--smallfont);font-weight:500;cursor:pointer;width:100%;justify-content:center;margin-top:12px;transition:all .2s ease}.quiz-container{margin-top:10px}.no-quiz{display:flex;flex-direction:column;align-items:center;padding:15px 0;background-color:var(--bg-gray);border-radius:var(--border-small-radius)}.no-quiz p{color:var(--text-gray)}.content-editor.in-module,.quiz-editor.in-module{background-color:var(--bg-gray);border-radius:var(--border-medium-radius);padding:16px;margin:16px 0;border-left:3px solid var(--primary-color)}.content-editor.in-module h4,.quiz-editor.in-module h4{color:var(--text-primary);font-size:var(--basefont);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-gray)}.content-type-badge{display:inline-block;padding:3px 8px;border-radius:12px;background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);font-size:var(--extrasmallfont);font-weight:500;margin-left:8px}.content-info{display:flex;align-items:center;flex:1}.content-title{margin-left:8px;font-weight:500}.quiz-editor .form-group,.content-editor .form-group{margin-bottom:16px}.quiz-editor label,.content-editor label{display:block;display:flex;font-weight:500;margin-bottom:6px;font-size:var(--smallfont)}.quiz-editor input[type=text],.quiz-editor textarea,.content-editor input[type=text],.content-editor textarea,.content-editor select{width:100%;padding:10px 12px;border-radius:var(--border-small-radius);border:1px solid var(--border-gray);background-color:var(--bg-white);font-size:var(--smallfont)}.quiz-editor input[type=text]:focus,.quiz-editor textarea:focus,.content-editor input[type=text]:focus,.content-editor textarea:focus,.content-editor select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}@media(max-width:768px){.stepper-container{padding:0 5px}.step-label{font-size:var(--extrasmallfont)}.navigation-buttons{flex-direction:column;gap:15px}.next-button,.submit-button,.back-nav-button{width:100%;justify-content:center}.next-button,.submit-button{margin-left:0}.step-content{padding:20px 15px}.thumbnail-container{flex-direction:column}.thumbnail-preview,.thumbnail-upload{width:100%;max-width:100%}}@media(max-width:500px){.step-number{width:32px;height:32px;font-size:var(--extrasmallfont)}.stepper:before{top:16px}}.course-info-step h2{font-size:var(--heading4);font-weight:600;color:var(--text-primary);margin-bottom:12px}.course-settings-step h2{color:var(--text-primary);font-size:var(--heading3);font-weight:600;margin-bottom:12px}.settings-card{background-color:var(--bg-white);border-radius:var(--border-medium-radius);margin-bottom:24px;padding:30px;border:1px solid var(--border-gray);box-shadow:var(--box-shadow-light);transition:all .3s ease;position:relative;overflow:hidden}.settings-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--primary-color);opacity:.7}.settings-card:hover{box-shadow:var(--box-shadow);border-color:var(--primary-color-light);transform:translateY(-2px)}.settings-card-header{display:flex;align-items:center;margin-bottom:16px}.settings-card-icon{font-size:24px;color:var(--primary-color);margin-right:12px}.settings-card-title{font-size:var(--heading5);font-weight:600;color:var(--text-primary)}.toggle-group{margin-top:20px}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:var(--bg-gray-light);border-radius:var(--border-medium-radius);margin-bottom:16px;transition:all .3s ease;border:1px solid transparent}.toggle-item:hover{background-color:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color-light)}.toggle-info{flex:1}.toggle-info h3{font-size:var(--heading6);font-weight:600;color:var(--text-primary);margin-bottom:4px}.toggle-info p{color:var(--text-gray);font-size:var(--smallfont)}.toggle-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--border-small-radius);background-color:var(--bg-white);border:1px solid var(--border-gray);cursor:pointer;transition:all .2s ease}.toggle-button span{font-weight:600}.toggle-button:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-light)}.toggle-button.active{background-color:#10b9811a;border-color:#10b981;color:#10b981}.toggle-button.active span{color:#10b981}.toggle-button:not(.active){background-color:#6b72801a;border-color:var(--border-gray);color:var(--text-gray)}.duration-selector{position:relative}.duration-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:14px 16px;font-size:var(--basefont);border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);background-color:var(--bg-white);color:var(--text-primary);font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:var(--box-shadow-light)}.duration-selector select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.duration-selector:after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--text-gray);pointer-events:none}.duration-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border-radius:20px;font-size:var(--smallfont);font-weight:500;margin-top:10px}.time-commitment-container{display:flex;gap:10px;align-items:center}.time-unit-selector{width:120px;position:relative}.time-unit-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 16px;font-size:var(--basefont);border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);background-color:var(--bg-white);color:var(--text-primary);font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:var(--box-shadow-light)}.time-unit-selector select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.time-unit-selector:after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:0;height:0;border-top:6px solid var(--text-gray);pointer-events:none}.status-badge{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:5px 10px;border-radius:20px;font-size:var(--smallfont);font-weight:600}.status-badge.active{background-color:#10b9811a;color:#10b981}.status-badge.inactive{background-color:#ef44441a;color:#ef4444}.schooljxs-toggle{position:relative;display:inline-block;width:50px;height:26px}.schooljxs-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#10b981}input:focus+.slider{box-shadow:0 0 1px #10b981}input:checked+.slider:before{transform:translate(24px)}.toggle-label-text{display:flex;align-items:center;gap:10px;margin-left:10px}.toggle-wrapper{display:flex;align-items:center}.access-settings-step{max-width:800px;margin:0 auto}.access-settings-step h2{color:var(--text-primary);font-size:var(--heading3);font-weight:600;margin-bottom:12px}.enrolled-users-section{margin-top:30px}.enrolled-users-section h3{font-size:var(--heading5);font-weight:600;color:var(--text-primary);margin-bottom:8px}.section-description{color:var(--text-gray);font-size:var(--smallfont);margin-bottom:16px}.user-search{margin-bottom:24px;position:relative}.user-search input{width:100%;padding:14px 16px;border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);font-size:var(--basefont);background-color:var(--bg-white);box-shadow:var(--box-shadow-light);transition:all .3s ease}.user-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow);z-index:10;max-height:300px;overflow-y:auto;margin-top:4px}.user-result{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-gray);cursor:pointer;transition:all .2s ease}.user-result:last-child{border-bottom:none}.user-result:hover{background-color:rgba(var(--primary-color-rgb),.05)}.user-icon{width:40px;height:40px;border-radius:50%;background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-right:12px}.user-info{flex:1}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--basefont)}.user-email,.user-status{color:var(--text-gray);font-size:var(--smallfont)}.add-user-button{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);width:36px;height:36px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.add-user-button:hover{background-color:var(--primary-color);color:var(--white);transform:scale(1.1)}.no-results{padding:16px;text-align:center;color:var(--text-gray);font-size:var(--smallfont)}.enrolled-users-list{background-color:var(--bg-gray-light);border-radius:var(--border-medium-radius);padding:20px;border:1px solid var(--border-gray)}.enrolled-users-list h4{font-size:var(--basefont);font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.hint{font-size:var(--extrasmallfont);color:var(--text-gray);font-weight:400}.no-users{text-align:center;padding:20px;color:var(--text-gray);font-size:var(--smallfont)}.enrolled-users-list ul{list-style:none;padding:0;margin:0}.enrolled-user{display:flex;align-items:center;padding:12px;background-color:var(--bg-white);border-radius:var(--border-small-radius);margin-bottom:8px;transition:all .2s ease;border:1px solid var(--border-gray)}.enrolled-user:hover{border-color:var(--primary-color-light);box-shadow:var(--box-shadow-light);transform:translateY(-2px)}.remove-user-button{background-color:#ef44441a;color:#ef4444;width:32px;height:32px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:8px}.remove-user-button:hover{background-color:#ef4444;color:var(--white)}.progress-badge{display:inline-block;padding:4px 8px;border-radius:10px;background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);font-size:var(--extrasmallfont);font-weight:500;margin-left:8px}.question-actions{display:flex;gap:8px}.edit-question,.remove-question{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.edit-question{color:#4a6cf7}.edit-question:hover{background-color:#4a6cf71a}.remove-question{color:#f74a4a}.remove-question:hover{background-color:#f74a4a1a}.question-form-actions{display:flex;gap:10px;margin-top:15px}.cancel-edit-button{background-color:#f0f0f0;border:none;color:var(--text-gray);cursor:pointer;margin-top:16px;display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--border-small-radius)}.cancel-edit-button:hover{background-color:#e0e0e0}@media(max-width:500px){.slider:before{position:absolute;content:"";height:18px;width:18px;left:0%;bottom:17%;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider:before{transform:translate(70%)}}.role-permission-container{background-color:var(--bg-gray);min-height:100vh;font-family:var(--font-Poppins)}.role-permission-header{margin-bottom:20px}.role-permission-header h1{font-size:var(--heading4);font-weight:600;color:var(--text-color);font-family:var(--font-Poppins)}.role-permission-container .roles-list-container .fnqVOM{justify-content:flex-start!important}.role-permission-content{background-color:var(--bg-white);border-radius:var(--border-medium-radius);box-shadow:var(--box-shadow-light);overflow:hidden}.role-info-section{padding:20px;border-bottom:1px solid var(--border-gray)}.role-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.role-info-section h2{font-size:var(--heading5);font-weight:600;color:var(--text-color);margin-bottom:0;font-family:var(--font-Poppins)}.back-to-list-btn{background-color:var(--bg-gray);color:var(--text-color);border:1px solid var(--border-gray);border-radius:var(--border-small-radius);padding:8px 16px;font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.back-to-list-btn:hover{background-color:var(--dark-gray)}.role-name-input,.role-description-input{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.role-name-input label,.role-description-input label{font-size:var(--basefont);font-weight:500;color:var(--text-color)}.role-name-input input,.role-description-input textarea{padding:10px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);width:100%;max-width:600px;font-family:var(--font-Poppins)}.role-description-input textarea{resize:vertical;min-height:80px;outline:none}.permissions-section{padding:20px}.permissions-section h2{font-size:var(--heading5);font-weight:600;color:var(--text-color);margin-bottom:20px;font-family:var(--font-Poppins)}.permission-category{margin-bottom:30px}.permission-category h3{font-size:var(--heading6);font-weight:600;color:var(--text-color);padding:10px;background-color:var(--bg-gray);border-radius:var(--border-small-radius);margin-bottom:15px;font-family:var(--font-Poppins)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);margin-bottom:8px;background-color:var(--white);transition:all .2s ease}.permission-item:hover{box-shadow:0 2px 4px #0000000d}.permission-item label{font-size:var(--basefont);color:var(--text-color);margin-bottom:0}.view-courses-permission{background-color:#3b82f60d;border:1px solid rgba(59,130,246,.3)}.view-courses-permission:hover{box-shadow:0 2px 8px #3b82f61a}.required-permission{font-size:12px;color:#3b82f6;font-weight:500;font-style:italic}.status-indicator.disabled{cursor:not-allowed!important;opacity:.7}.permission-toggle{display:flex;align-items:center;gap:8px}.permission-toggle .status-indicator{width:36px;height:20px;border-radius:20px;background-color:#e5e7eb;position:relative;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.status-indicator:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease}.status-indicator.active:before{transform:translate(16px)}.text-green-600{color:#16a34a;font-size:14px;font-weight:500}.text-red-600{color:#dc2626;font-size:14px;font-weight:500}.form-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.cancel-btn,.save-btn,.debug-btn{padding:10px 20px;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn{background-color:var(--bg-gray);color:var(--text-color);border:1px solid var(--border-gray)}.save-btn{background-color:var(--primary-color);color:var(--white);border:none;min-width:150px}.debug-btn{background-color:#6c757d;color:var(--white);border:none;margin-left:10px}.cancel-btn:hover{background-color:var(--dark-gray)}.save-btn:hover{background-color:var(--primary-hover-color)}.debug-btn:hover{background-color:#5a6268}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.access-denied h2{font-size:var(--heading4);color:var(--text-color);margin-bottom:10px}.access-denied p{font-size:var(--basefont);color:var(--text-gray)}.roles-list-container{overflow:hidden}.roles-list-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;border-bottom:1px solid var(--border-gray)}.roles-list-header h2{font-size:var(--heading5);font-weight:600;color:var(--text-color);font-family:var(--font-Poppins);margin:0}.add-role-btn{background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-small-radius);padding:10px 20px;font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease}.add-role-btn:hover{background-color:var(--primary-hover-color)}.table-responsive{width:100%;overflow-x:auto}.no-permissions-message{padding:20px;background-color:var(--bg-gray);border-radius:var(--border-small-radius);text-align:center;margin:20px 0}.no-permissions-message p{color:var(--text-gray);font-size:var(--basefont)}@media(max-width:768px){.permission-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.roles-list-header{flex-direction:column;gap:15px;align-items:flex-start}.add-role-btn{width:100%}.role-info-header{flex-direction:column;align-items:flex-start;gap:10px}.back-to-list-btn{width:100%;justify-content:center}}.newsletter-page{width:100%;margin:0 auto}.page-header{margin-bottom:30px}.page-header h2{color:#333;margin-bottom:5px}.page-header p{color:#666;margin:0}.tab-navigation{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:30px}.tab-navigation button{padding:12px 24px;border:none;background:none;cursor:pointer;font-size:16px;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.tab-navigation button:hover{color:#007bff}.tab-navigation button.active{color:#007bff;border-bottom-color:#007bff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:15px}.stat-icon{font-size:24px;color:#007bff}.stat-content h3{margin:0;font-size:24px;color:#333}.stat-content p{margin:5px 0 0;color:#666;font-size:14px}.recent-activity{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.recent-activity h3{margin:0 0 10px;color:#333}.newsletter-list{display:flex;flex-direction:column;gap:15px}.newsletter-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e0e0e0;border-radius:6px;background-color:var(--white)}.newsletter-info h4{margin:0 0 5px;color:#333}.newsletter-info p{margin:0 0 5px;color:#666;font-size:14px}.newsletter-info small{color:#999;font-size:12px}.newsletter-actions{display:flex;gap:10px}.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-send{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover-color)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-edit{background:#28a745;color:#fff;padding:6px 10px}.btn-edit:hover{background:#1e7e34}.btn-delete{background:#dc3545;color:#fff;padding:6px 10px}.btn-delete:hover{background:#c82333}.btn-send{background:#17a2b8;color:#fff;padding:6px 10px}.btn-send:hover{background:#138496}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;color:#333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal h4{margin-top:0;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:10px;justify-content:flex-end}.subscriber-list table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.subscriber-list th,.subscriber-list td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.subscriber-list th{background:#f8f9fa;font-weight:600;color:#333}.status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.preferences{display:flex;gap:5px;flex-wrap:wrap}.pref-tag{background:#e9ecef;color:#495057;padding:2px 6px;border-radius:10px;font-size:11px}.loading{text-align:center;padding:40px;color:#666}.newsletter-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:20px 0}.btn-see-more,.btn-see-less{background:var(--primary-color);color:var(--white);border:none;padding:12px 24px;border-radius:var(--border-medium-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--box-shadow-light)}.btn-see-more:hover,.btn-see-less:hover{background:var(--primary-hover-color);transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn-see-less{background:var(--text-gray)}.btn-see-less:hover{background:var(--text-color)}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.newsletter-item{flex-direction:column;align-items:flex-start;gap:15px}.newsletter-actions{align-self:flex-end}.subscriber-list{overflow-x:auto}.modal{width:95%;margin:20px}.newsletter-pagination{flex-direction:column;gap:10px}.btn-see-more,.btn-see-less{width:100%;max-width:250px;padding:14px 20px;font-size:var(--smallfont)}}.schools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:20px;font-weight:600;color:#333}.add-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-small-radius);padding:10px 20px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:background-color .2s}.add-btn:hover{background-color:var(--primary-dark)}.filters-container{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-filter{flex:1;min-width:200px}.search-filter input{width:100%;padding:10px 15px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--smallfont)}.dropdown-filters{display:flex;gap:15px;flex-wrap:wrap}.dropdown-filters select{padding:10px 15px;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--smallfont);background-color:#fff;min-width:150px}.data-table-container{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow-light);overflow:hidden}.staff-cell{display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.staff-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.staff-avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:var(--bg-light-gray);color:var(--text-gray);font-size:24px;display:flex;align-items:center;justify-content:center}.status-cell{display:flex;align-items:center;gap:10px}.status-indicator{width:16px;height:16px;border-radius:50%;background-color:#e3e3e3;cursor:pointer;transition:background-color .2s}.status-indicator.active{background-color:var(--primary-color)}.action-buttons{display:flex;gap:8px;justify-content:center}.action-button{width:32px;height:32px;border-radius:var(--border-small-radius);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-button.view{background-color:var(--primary-light-bg);color:var(--primary-color)}.action-button.edit{background-color:#ecfdf5;color:#059669}.action-button.delete{background-color:#fef2f2;color:#dc2626}.action-button.add{background-color:#e7eee5;color:#4abb66}.action-button:hover{transform:translateY(-1px)}.action-button svg{width:14px;height:14px}@media screen and (max-width:768px){.schools-header{flex-direction:column;align-items:flex-start;gap:15px}.filters-container{flex-direction:column}.dropdown-filters{width:100%}.dropdown-filters select{flex:1}}.staffs-container{margin:0 auto;position:relative;min-height:100vh}.staffs-container .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.staffs-container .loading-spinner{width:50px;height:50px;border:5px solid var(--bg-gray);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.staffs-container .staff-cell{display:flex;align-items:center;gap:.75rem}.staffs-container .staff-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.staffs-container .staff-avatar-placeholder{width:32px;height:32px;border-radius:50%;color:#aaa;background-color:#f0f0f0}.staffs-container .status-cell{display:flex;align-items:center;gap:8px;justify-content:flex-start}.staffs-container .status-cell span{font-size:14px;font-weight:500;white-space:nowrap}.staffs-container .action-buttons{display:flex;gap:8px;justify-content:center}.staffs-container .action-button{width:32px;height:32px;padding:0;border:none;border-radius:var(--border-small-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.staffs-container .action-button.view{background-color:var(--primary-light-bg);color:var(--primary-color)}.staffs-container .action-button.edit{background-color:#ecfdf5;color:#059669}.staffs-container .action-button.delete{background-color:#fef2f2;color:#dc2626}.staffs-container .action-button.add{background-color:#e7eee5;color:#4abb66}.staffs-container .action-button:hover{transform:translateY(-1px)}.staffs-container .action-button svg{width:14px;height:14px}@media(max-width:1200px){.staffs-container{padding:0 1.5rem}.staffs-container .search-filter-container{grid-template-columns:3fr 4fr 1fr 1fr;gap:.75rem}}@media(max-width:1130px)and (min-width:900.5px){.staffs-container{padding:0 1rem}.staffs-container .search-filter-container{grid-template-columns:1fr 1fr;margin-bottom:1rem;width:100%}.staffs-container.create-account-btn{margin-left:auto}}@media(max-width:900px){.topbar .user-name{font-weight:600;font-size:var(--extrasmallfont);color:var(--text-color)}.topbar .dashboard-title h1{font-size:var(--heading5);font-weight:600;color:var(--text-color);margin:0}.staffs-container .search-filter-container{grid-template-columns:1fr 1fr;gap:.75rem}.staffs-container .search-input{grid-column:span 1}.staffs-container .create-account-btn{grid-column:span 1;text-align:center}}@media(max-width:768px){.staffs-container .staffs-header{flex-direction:column;align-items:flex-start;gap:1rem}.staffs-container .search-filter-container{grid-template-columns:1fr;width:100%}}@media(max-width:576px){.staffs-container{padding:0 .75rem}.staffs-container .search-filter-container{grid-template-columns:1fr}.staffs-container .search-input{min-width:100%}.staffs-container .filter-select,.staffs-container .create-account-btn{width:100%}}@media(max-width:480px){.staffs-container{padding:0 .5rem}.staffs-container .search-filter-container{gap:.5rem}.staffs-container .search-input,.staffs-container .filter-select{padding:8px 12px}.staffs-container .create-account-btn{padding:8px 16px;font-size:12px}.staffs-container .staff-avatar{width:28px;height:28px}}.staffs-container .status-indicator{width:36px;height:20px;border-radius:20px;background-color:#e5e7eb;position:relative;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.staffs-container .status-indicator:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s ease}.staffs-container .status-indicator.active{background-color:var(--primary-color)}.staffs-container .status-indicator.active:before{transform:translate(16px)}.staffs-container .text-green-600{color:#16a34a;font-size:14px;font-weight:500}.staffs-container .text-red-600{color:#dc2626;font-size:14px;font-weight:500}.staff-details-page{background-color:var(--bg-gray);min-height:100vh}.staff-details-page .staff-details-error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:var(--heading5);color:var(--text-color);font-weight:500}.staff-details-page .staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-gray);background-color:var(--primary-color);padding:2rem;border-radius:var(--border-large-radius)}.staff-details-page .staff-info{display:flex;align-items:center;gap:1.5rem}.staff-details-page .staff-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.staff-details-page .staff-avatar-placeholder{width:64px;height:64px;border-radius:50%;color:#aaa;background-color:#f0f0f0;padding:5px}.staff-details-page .staff-text h1{font-size:var(--heading4);color:#fff;font-weight:600;margin-bottom:.25rem}.staff-details-page .category{font-size:var(--basefont);color:#fff}.staff-details-page .department-badge{display:flex;align-items:center;gap:1rem;background-color:var(--bg-gray);padding:1rem 1.5rem;border-radius:var(--border-medium-radius)}.staff-details-page .department-text{display:flex;flex-direction:column}.staff-details-page .department-name{font-size:var(--basefont);color:var(--text-color);font-weight:500}.staff-details-page .department-type{font-size:var(--smallfont);color:var(--text-gray)}.staff-details-page .details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.staff-details-page .details-section{background-color:var(--bg-white);border-radius:var(--border-small-radius);border:1px solid var(--border-gray);padding:1rem}.staff-details-page .details-section h2{font-size:var(--heading6);color:var(--text-color);font-weight:600;margin-bottom:1.5rem;border-bottom:2px solid var(--dark-gray);padding-bottom:1rem}.staff-details-page .info-content{display:flex;flex-direction:column;gap:1rem}.staff-details-page .info-row{display:grid;gap:.5rem;grid-template-columns:150px 1fr}.staff-details-page .info-row label{min-width:80px;font-size:var(--basefont);color:var(--text-gray);font-weight:500}.staff-details-page .info-row span{font-size:var(--basefont);color:var(--text-color)}.staff-details-page .permission-row{margin-bottom:.25rem}.staff-details-page .permission-row span{color:var(--primary-color);font-weight:500}.staff-details-page .status-toggle-container{display:flex;align-items:flex-start;gap:12px}.staff-details-page .status-toggle-btn{padding:5px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;color:#fff;margin-left:8px}.staff-details-page .status-toggle-btn.activate{background-color:#4caf50}.staff-details-page .status-toggle-btn.activate:hover{background-color:#43a047}.staff-details-page .status-toggle-btn.deactivate{background-color:#f44336}.staff-details-page .status-toggle-btn.deactivate:hover{background-color:#e53935}.staff-details-page .text-green-600{color:#16a34a;font-size:14px;font-weight:500}.staff-details-page .text-red-600{color:#dc2626;font-size:14px;font-weight:500}.staff-details-page .action-buttons{display:flex;gap:1rem;justify-content:flex-end}.staff-details-page .delete-btn,.staff-details-page .edit-btn{padding:.75rem 2rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease}.staff-details-page .delete-btn{background-color:transparent;border:1px solid #d93025;color:#d93025}.staff-details-page .edit-btn{border:1px solid var(--primary-color);color:var(--primary-color)}.staff-details-page .delete-btn:hover{background-color:#fce8e8}.staff-details-page .edit-btn:hover{background-color:var(--primary-hover-color);color:#fff}.staff-details-page .action-buttons button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1130px){.staff-details-page .details-grid{grid-template-columns:1fr}}@media(max-width:768px){.staff-details-page{padding:1rem}.staff-details-page .details-grid{grid-template-columns:1fr}.staff-details-page .staff-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.staff-details-page .department-badge{width:100%}.staff-details-page .action-buttons{flex-direction:column;gap:.75rem}.staff-details-page .delete-btn,.staff-details-page .edit-btn{width:100%;text-align:center}}@media(max-width:576px){.staff-details-page{padding:.75rem}.staff-details-page .staff-header{padding:1.25rem}.staff-details-page .staff-info{align-items:center;text-align:center}.staff-details-page .department-badge{padding:.75rem 1rem}.staff-details-page .details-section h2{font-size:var(--basefont)}.staff-details-page .info-row{display:flex;gap:.25rem;flex-wrap:wrap}.staff-details-page .info-row label{min-width:auto;font-weight:600}.staff-details-page .details-section{padding:.75rem}}@media(max-width:480px){.staff-details-page{padding:.5rem}.staff-details-page .staff-header{padding:1rem}.staff-details-page .staff-avatar,.staff-details-page .staff-avatar-placeholder{width:56px;height:56px}.staff-details-page .staff-text h1{font-size:var(--heading5)}.staff-details-page .category{font-size:var(--smallfont)}.staff-details-page .department-badge{padding:.5rem .75rem}.staff-details-page .department-name{font-size:var(--smallfont)}.staff-details-page .department-type{font-size:var(--extrasmallfont)}.staff-details-page .details-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;max-width:auto}}.staff-form-container{background-color:var(--bg-gray);min-height:100vh;width:100%}.staff-form-container .form-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.staff-form-container .form-header h1{font-size:var(--heading4);font-weight:600;color:var(--text-color)}.staff-form-container .back-button{background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.staff-form-container .back-button:hover{background-color:var(--primary-light-color);color:#fff}.staff-form-container .staff-form{background-color:var(--bg-white);border-radius:var(--border-large-radius);padding:2rem;box-shadow:var(--box-shadow-light);width:100%;overflow:hidden}.staff-form-container .form-section{margin-bottom:2rem;border-bottom:1px solid var(--border-gray);padding-bottom:1.5rem}.staff-form-container .form-section:last-of-type{border-bottom:none}.staff-form-container .form-section h2{font-size:var(--heading6);font-weight:600;margin-bottom:1.5rem;color:var(--text-color);padding-bottom:.5rem;border-bottom:2px solid var(--border-gray)}.staff-form-container .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.staff-form-container .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.staff-form-container .form-group label{font-size:var(--basefont);color:var(--text-color);font-weight:500}.staff-form-container .form-group input,.staff-form-container .form-group select{padding:.75rem 1rem;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);color:var(--text-color);width:100%;background-color:var(--bg-white);transition:all .3s ease}.staff-form-container .form-group input:focus,.staff-form-container .form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.staff-form-container .form-group input:disabled,.staff-form-container .form-group select:disabled{background-color:var(--bg-gray);color:var(--text-gray);cursor:not-allowed;opacity:.7}.staff-form-container .form-group input.error{border-color:#d32f2f}.staff-form-container .error-message{color:#d32f2f;font-size:var(--smallfont);margin-top:.25rem}.staff-form-container .phone-input-wrapper{display:flex;align-items:center;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);overflow:hidden}.staff-form-container .phone-input-wrapper .phone-prefix{padding:.75rem 1rem;background-color:var(--bg-gray);border-right:1px solid var(--border-gray);font-size:var(--basefont);color:var(--text-color)}.staff-form-container .phone-input-wrapper input{flex:1;border:none!important;border-radius:0!important}.staff-form-container .profile-section{display:flex;align-items:center;gap:2rem;padding:1.5rem;background-color:var(--bg-gray);border-radius:var(--border-small-radius)}.staff-form-container .profile-preview{flex-shrink:0}.staff-form-container .profile-preview-image{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid var(--bg-white);box-shadow:var(--box-shadow-light)}.staff-form-container .profile-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-white);border-radius:50%;box-shadow:var(--box-shadow-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cccccc'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:50%}.staff-form-container .profile-actions{display:flex;flex-direction:column;gap:.75rem}.staff-form-container .upload-hint{font-size:var(--smallfont);color:var(--text-gray);margin:0}.staff-form-container .upload-photo-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;width:fit-content}.staff-form-container .upload-photo-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.staff-form-container .remove-photo-btn{background-color:#f44336;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.staff-form-container .remove-photo-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.icon-margin-right{margin-right:.5rem}.staff-form-container .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.staff-form-container .cancel-btn,.staff-form-container .submit-btn{padding:.75rem 2rem;border-radius:var(--border-small-radius);font-size:var(--basefont);font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center}.staff-form-container .cancel-btn{background-color:transparent;border:1px solid var(--dark-gray);color:var(--text-gray)}.staff-form-container .submit-btn{background-color:var(--primary-color);color:#fff;border:none}.staff-form-container .cancel-btn:hover{background-color:var(--bg-gray)}.staff-form-container .submit-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.staff-form-container .error-message{color:#d32f2f;font-size:.8rem;margin-top:.25rem;display:block}.staff-form-container .general-error{margin:1rem 0;padding:.5rem;background-color:#ffebee;border-radius:4px;text-align:center}.staff-form-container .disabled-input{background-color:var(--bg-gray)!important;color:var(--text-gray)!important;cursor:not-allowed}.staff-form-container .credentials-note{background-color:var(--bg-gray);padding:1rem;border-radius:var(--border-small-radius);margin-top:1rem}.staff-form-container .credentials-note p{color:var(--text-gray);font-size:var(--smallfont);margin-bottom:.5rem}.staff-form-container .optional-label{color:var(--text-gray);font-size:var(--smallfont);margin-left:.25rem;font-weight:400}.loading-spinner-small{width:24px;height:24px;border:3px solid var(--bg-gray);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staff-form-container .form-actions button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1200px){.staff-form-container .form-grid{grid-template-columns:repeat(2,1fr)}.staff-form-container .staff-form{padding:1.75rem}}@media(max-width:1024px){.staff-form-container .staff-form{padding:1.5rem}.staff-form-container .form-header h1{font-size:calc(var(--heading4) - 2px)}.staff-form-container .profile-section{flex-direction:column;align-items:center;text-align:center}.staff-form-container .profile-actions{align-items:center}}@media(max-width:960px){.staff-form-container .form-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.staff-form-container .form-section{padding-bottom:1.5rem}.staff-form-container .form-section h2{font-size:calc(var(--heading6) - 1px)}.staff-form-container .form-group label{font-size:var(--smallfont)}.staff-form-container .form-group input,.staff-form-container .form-group select,.staff-form-container .phone-input-wrapper .phone-prefix{padding:.7rem .9rem;font-size:calc(var(--basefont) - 1px)}}@media(max-width:768px){.staff-form-container .form-grid{grid-template-columns:1fr;gap:1rem}.staff-form-container .staff-form{padding:1.25rem;border-radius:var(--border-medium-radius)}.staff-form-container .form-section{margin-bottom:1.5rem;padding-bottom:1rem}.staff-form-container .form-section h2{font-size:var(--basefont);margin-bottom:1rem;padding-bottom:.5rem}.staff-form-container .form-header{margin-bottom:1.5rem}.staff-form-container .form-header h1{font-size:var(--heading5)}.staff-form-container .form-group label{font-size:var(--smallfont)}.staff-form-container .form-group input,.staff-form-container .form-group select,.staff-form-container .phone-input-wrapper .phone-prefix{padding:.7rem .9rem;font-size:var(--smallfont)}.staff-form-container .profile-preview-image,.staff-form-container .profile-placeholder{width:100px;height:100px}}@media(max-width:576px){.staff-form-container .staff-form{padding:1rem;border-radius:var(--border-small-radius)}.staff-form-container .form-actions{flex-direction:row;gap:.75rem}.staff-form-container .cancel-btn,.staff-form-container .submit-btn{width:100%;padding:.7rem 1rem;justify-content:center}.staff-form-container .back-button{width:36px;height:36px;padding:0}.staff-form-container .upload-photo-btn,.staff-form-container .remove-photo-btn{padding:.7rem 1rem;font-size:var(--smallfont);width:100%;justify-content:center}.staff-form-container .form-section h2{font-size:var(--smallfont)}}@media(max-width:480px){.staff-form-container .form-header h1{font-size:var(--heading6)}.staff-form-container .back-button{width:32px;height:32px}.staff-form-container .profile-preview-image,.staff-form-container .profile-placeholder{width:80px;height:80px}.staff-form-container .form-section{margin-bottom:1.25rem;padding-bottom:.75rem}.staff-form-container .form-group input,.staff-form-container .form-group select,.staff-form-container .phone-input-wrapper .phone-prefix{padding:.6rem .8rem;font-size:var(--smallfont)}}@media(max-width:380px){.staff-form-container .staff-form{padding:.75rem}.staff-form-container .form-header{margin-bottom:1rem}.staff-form-container .form-group{gap:.25rem}.staff-form-container .form-group input,.staff-form-container .form-group select,.staff-form-container .phone-input-wrapper .phone-prefix{padding:.5rem .7rem;font-size:var(--extrasmallfont)}.staff-form-container .form-section h2{font-size:var(--extrasmallfont);margin-bottom:.75rem}.staff-form-container .form-group label{font-size:var(--extrasmallfont)}.staff-form-container .profile-section{padding:1rem}}.user-profile-container{background-color:var(--bg-gray);min-height:100vh;width:100%}.user-profile-container .form-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.user-profile-container .form-header h1{font-size:var(--heading4);font-weight:600;color:var(--text-color)}.user-profile-container .back-button{background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.user-profile-container .back-button:hover{background-color:var(--primary-light-color);color:#fff}.user-profile-container .profile-form{background-color:var(--bg-white);border-radius:var(--border-large-radius);padding:2rem;box-shadow:var(--box-shadow-light);width:100%;overflow:hidden}.user-profile-container .form-section{margin-bottom:2rem;border-bottom:1px solid var(--border-gray);padding-bottom:1.5rem}.user-profile-container .form-section:last-of-type{border-bottom:none}.user-profile-container .form-section h2{font-size:var(--heading6);font-weight:600;margin-bottom:1.5rem;color:var(--text-color);padding-bottom:.5rem;border-bottom:2px solid var(--border-gray)}.user-profile-container .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.user-profile-container .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.user-profile-container .form-group label{font-size:var(--basefont);color:var(--text-color);font-weight:500;display:flex;align-items:center}.field-icon{margin-right:8px;color:var(--primary-color)}.user-profile-container .form-group input,.user-profile-container .form-group textarea,.user-profile-container .form-group select{padding:.75rem 1rem;border:1px solid var(--border-gray);border-radius:var(--border-small-radius);font-size:var(--basefont);color:var(--text-color);width:100%;background-color:var(--bg-white);transition:all .3s ease}.user-profile-container .form-group input:focus,.user-profile-container .form-group textarea:focus,.user-profile-container .form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.user-profile-container .form-group input.error,.user-profile-container .form-group textarea.error,.user-profile-container .form-group select.error{border-color:red}.error-message{color:red;font-size:var(--smallfont);margin-top:5px;display:block}.field-hint{color:var(--text-gray);font-size:var(--smallfont);margin-top:5px;display:block}.disabled-field{background-color:var(--bg-gray)!important;cursor:not-allowed;opacity:.7}.user-profile-container .profile-section{display:flex;align-items:flex-start;gap:2rem;padding:1.5rem;background-color:var(--bg-white);border-radius:var(--border-medium-radius);margin-bottom:2rem;align-items:center}.user-profile-container .profile-preview{position:relative}.user-profile-container .profile-preview-image,.user-profile-container .profile-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--border-gray)}.user-profile-container .profile-placeholder{background-color:var(--bg-gray);display:flex;align-items:center;justify-content:center}.user-profile-container .placeholder-icon{font-size:60px;color:var(--dark-gray)}.user-profile-container .profile-actions{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.user-profile-container .upload-photo-btn{padding:.75rem 1.5rem;background-color:var(--primary-light-bg);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-small-radius);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:fit-content}.user-profile-container .upload-photo-btn:hover{background-color:var(--primary-light-color);color:#fff}.user-profile-container .upload-hint{font-size:var(--smallfont);color:var(--text-gray);text-align:center}.user-profile-container .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.user-profile-container .cancel-btn{padding:.75rem 1.5rem;background-color:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--border-small-radius);color:var(--text-color);font-weight:500;cursor:pointer;transition:all .3s ease}.user-profile-container .cancel-btn:hover{background-color:var(--bg-gray)}.user-profile-container .submit-btn{padding:.75rem 1.5rem;background-color:var(--primary-color);border:none;border-radius:var(--border-small-radius);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center}.user-profile-container .submit-btn:hover{background-color:var(--primary-hover-color)}.user-profile-container .submit-btn:disabled{background-color:var(--dark-gray);cursor:not-allowed}@media(max-width:1200px){.user-profile-container .form-grid{grid-template-columns:repeat(2,1fr)}.user-profile-container .profile-form{padding:1.75rem}}@media(max-width:1024px){.user-profile-container .profile-form{padding:1.5rem}.user-profile-container .form-header h1{font-size:calc(var(--heading4) - 2px)}.user-profile-container .profile-section{flex-direction:column;align-items:center;text-align:center}.user-profile-container .profile-actions{align-items:center}}@media(max-width:768px){.user-profile-container .form-grid{grid-template-columns:1fr;gap:1rem}.user-profile-container .profile-form{padding:1.25rem;border-radius:var(--border-medium-radius)}.user-profile-container .form-section{margin-bottom:1.5rem;padding-bottom:1rem}.user-profile-container .form-section h2{font-size:var(--basefont);margin-bottom:1rem;padding-bottom:.5rem}.user-profile-container .form-header{margin-bottom:1.5rem}.user-profile-container .form-header h1{font-size:var(--heading5)}.user-profile-container .form-group label{font-size:var(--smallfont)}.user-profile-container .form-group input,.user-profile-container .form-group textarea,.user-profile-container .form-group select{padding:.7rem .9rem;font-size:var(--smallfont)}}