.loginPage{background-color:hsl(var(--background));height:100vh;font-family:var(--font-inter,sans-serif);flex-direction:row;display:flex;overflow:hidden}.loginPage .login-hero,.loginPage .login-form{min-height:100vh}@media (max-width:768px){.loginPage{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.loginPage .login-hero{min-height:40vh}.loginPage .login-form{min-height:60vh}}.dashboardNavbar__logo img{max-width:100%;height:auto}.dashboardNavbar__item:before{content:"";background:hsl(var(--sidebar-primary));z-index:1;border-radius:0 .125rem .125rem 0;width:.125rem;height:0;transition:height .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.dashboardNavbar__item[aria-current=page]:before{height:60%;top:20%}.dashboardNavbar__item-label{text-align:left;flex:1;width:100%;animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeInLabel;display:block}.dashboardNavbar__item-tooltip{background:hsl(var(--sidebar-accent));color:hsl(var(--sidebar-accent-foreground));border-radius:var(--radius);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1) .3s,visibility .2s cubic-bezier(.4,0,.2,1) .3s,transform .2s cubic-bezier(.4,0,.2,1) .3s;position:absolute;top:50%;left:calc(100% + .75rem);transform:translateY(-50%)translate(-.5rem);box-shadow:0 .25rem .5rem #0003}.dashboardNavbar__item-tooltip:before{content:"";border-top:.25rem solid #0000;border-bottom:.25rem solid #0000;border-right:.25rem solid hsl(var(--sidebar-accent));width:0;height:0;position:absolute;top:50%;left:-.25rem;transform:translateY(-50%)}.dashboardNavbar__item:hover .dashboardNavbar__item-tooltip{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(-50%)translate(0)}.dashboardNavbar__separator{margin:.5rem 0}.dashboardNavbar__logout-wrapper{width:100%}.dashboardNavbar__profile:before{content:"";background:hsl(var(--sidebar-primary));z-index:1;border-radius:0 .125rem .125rem 0;width:.125rem;height:0;transition:height .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.dashboardNavbar__profile[aria-current=page]:before{height:60%;top:20%}.dashboardNavbar__profile-image{border-color:#0000;transition:border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.dashboardNavbar__profile:hover .dashboardNavbar__profile-image{border-color:hsl(var(--sidebar-primary));transform:scale(1.05)}.dashboardNavbar__profile:focus-visible .dashboardNavbar__profile-image{border-color:hsl(var(--sidebar-ring))}.dashboardNavbar__profile-tooltip{background:hsl(var(--sidebar-accent));color:hsl(var(--sidebar-accent-foreground));border-radius:var(--radius);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1) .3s,visibility .2s cubic-bezier(.4,0,.2,1) .3s,transform .2s cubic-bezier(.4,0,.2,1) .3s;position:absolute;top:50%;left:calc(100% + .75rem);transform:translateY(-50%)translate(-.5rem);box-shadow:0 .25rem .5rem #0003}.dashboardNavbar__profile-tooltip:before{content:"";border-top:.25rem solid #0000;border-bottom:.25rem solid #0000;border-right:.25rem solid hsl(var(--sidebar-accent));width:0;height:0;position:absolute;top:50%;left:-.25rem;transform:translateY(-50%)}.dashboardNavbar__profile:hover .dashboardNavbar__profile-tooltip{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(-50%)translate(0)}.dashboardNavbar__profile-label{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeInLabel}.dashboardNavbar__logout-tooltip{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-radius:var(--radius);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1) .3s,visibility .2s cubic-bezier(.4,0,.2,1) .3s,transform .2s cubic-bezier(.4,0,.2,1) .3s;position:absolute;top:50%;left:calc(100% + .75rem);transform:translateY(-50%)translate(-.5rem);box-shadow:0 .25rem .5rem #0003}.dashboardNavbar__logout-tooltip:before{content:"";border-top:.25rem solid #0000;border-bottom:.25rem solid #0000;border-right:.25rem solid hsl(var(--destructive));width:0;height:0;position:absolute;top:50%;left:-.25rem;transform:translateY(-50%)}.dashboardNavbar__logout:hover .dashboardNavbar__logout-tooltip{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(-50%)translate(0)}.dashboardNavbar__logout-label{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeInLabel}.dashboardNavbar__item:disabled,.dashboardNavbar__profile:disabled,.dashboardNavbar__logout:disabled,.dashboardNavbar__toggle:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.dashboardNavbar__item:focus-visible,.dashboardNavbar__profile:focus-visible,.dashboardNavbar__logout:focus-visible,.dashboardNavbar__toggle:focus-visible{outline:.125rem solid hsl(var(--sidebar-ring));outline-offset:.125rem}.dashboardNavbar__logout:focus-visible{outline-color:hsl(var(--destructive))}@media (max-width:47.9375rem){.dashboardNavbar,.dashboardNavbar[style*="width: 12rem"],.dashboardNavbar[style*="width: 192px"]{width:3rem!important}.dashboardNavbar__item,.dashboardNavbar__profile,.dashboardNavbar__toggle{width:2.5rem;min-width:2.5rem;height:2.5rem}.dashboardNavbar__logo,.dashboardNavbar__profile-image{width:2rem;height:2rem}.dashboardNavbar__item-label,.dashboardNavbar__profile-label{display:none!important}.dashboardNavbar__toggle{opacity:.5;cursor:not-allowed;pointer-events:none}}@media (min-width:48rem) and (max-width:63.9375rem){.dashboardNavbar{transition:width .3s cubic-bezier(.4,0,.2,1)}.dashboardNavbar__item,.dashboardNavbar__profile{min-width:2.5rem}}@keyframes fadeInLabel{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInIndicator{0%{height:0;top:50%}to{height:60%;top:20%}}@media (prefers-reduced-motion:reduce){.dashboardNavbar *{transition:none!important;animation:none!important}}html,body,[class*=container],[class*=modal],[class*=scroll]{scrollbar-width:thin;scrollbar-color:var(--color-primary-20)transparent}html::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar{width:6px;height:6px}[class*=container]::-webkit-scrollbar{width:6px;height:6px}[class*=modal]::-webkit-scrollbar{width:6px;height:6px}[class*=scroll]::-webkit-scrollbar{width:6px;height:6px}html::-webkit-scrollbar-track{background:0 0;border-radius:3px}body::-webkit-scrollbar-track{background:0 0;border-radius:3px}[class*=container]::-webkit-scrollbar-track{background:0 0;border-radius:3px}[class*=modal]::-webkit-scrollbar-track{background:0 0;border-radius:3px}[class*=scroll]::-webkit-scrollbar-track{background:0 0;border-radius:3px}html::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}body::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}[class*=container]::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}[class*=modal]::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}[class*=scroll]::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}html::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}[class*=container]::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}[class*=modal]::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}[class*=scroll]::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}html::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}body::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}[class*=container]::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}[class*=modal]::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}[class*=scroll]::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}html::-webkit-scrollbar:horizontal{height:6px}body::-webkit-scrollbar:horizontal{height:6px}[class*=container]::-webkit-scrollbar:horizontal{height:6px}[class*=modal]::-webkit-scrollbar:horizontal{height:6px}[class*=scroll]::-webkit-scrollbar:horizontal{height:6px}.container-courses-view,.container-course-card,.container-course-filters,.modal-backdrop,.modal-card{scrollbar-width:thin;scrollbar-color:var(--color-primary-20)transparent}.container-courses-view::-webkit-scrollbar{width:6px;height:6px}.container-course-card::-webkit-scrollbar{width:6px;height:6px}.container-course-filters::-webkit-scrollbar{width:6px;height:6px}.modal-backdrop::-webkit-scrollbar{width:6px;height:6px}.modal-card::-webkit-scrollbar{width:6px;height:6px}.container-courses-view::-webkit-scrollbar-track{background:0 0;border-radius:3px}.container-course-card::-webkit-scrollbar-track{background:0 0;border-radius:3px}.container-course-filters::-webkit-scrollbar-track{background:0 0;border-radius:3px}.modal-backdrop::-webkit-scrollbar-track{background:0 0;border-radius:3px}.modal-card::-webkit-scrollbar-track{background:0 0;border-radius:3px}.container-courses-view::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}.container-course-card::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}.container-course-filters::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}.modal-backdrop::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}.modal-card::-webkit-scrollbar-thumb{background:var(--color-primary-20);border-radius:3px;transition:background .2s}.container-courses-view::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}.container-course-card::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}.container-course-filters::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}.modal-backdrop::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}.modal-card::-webkit-scrollbar-thumb:hover{background:var(--color-primary-40)}.container-courses-view::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}.container-course-card::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}.container-course-filters::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}.modal-backdrop::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}.modal-card::-webkit-scrollbar-thumb:active{background:var(--color-primary-60)}.errorModal__backdrop{animation:.2s ease-out fadeIn}.errorModal__content{animation:.3s ease-out modalSlideIn}.errorModal__close{transition:all .2s ease-out}.errorModal__close:hover{transform:scale(1.1)}.errorModal__button{transition:all .2s ease-out}.errorModal__button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.errorModal__button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.landingPage{background-color:hsl(var(--background));min-height:100vh;color:hsl(var(--foreground));font-family:var(--font-inter,sans-serif)}.landingPage .ripple{pointer-events:none;background:#ffffff4d;border-radius:50%;animation:.6s ease-out ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.landingPage button,.landingPage .landingFeatures__card,.landingPage .landingCourses__card,.landingPage .landingTestimonials__card{transition:transform .2s ease-out,box-shadow .2s ease-out}@media (prefers-reduced-motion:reduce){.landingPage *,.landingPage :before,.landingPage :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboardMain{background-color:hsl(var(--background));flex:1;justify-content:space-between;height:100vh;display:flex;overflow:hidden}.dashboardMain__view{background:hsl(var(--background));background-color:hsl(var(--background));color:hsl(var(--foreground))}@media (max-width:768px){.dashboardMain{flex-direction:column;overflow:hidden}.dashboardMain__view{width:100%;margin-left:0}}@keyframes slideUp{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.container-detail-course-main{background-color:hsl(var(--background,0 0% 100%));width:100%;min-height:100vh;color:hsl(var(--foreground,0 0% 0%));flex-direction:row;display:flex}@media (min-width:64rem){.container-detail-course-main{flex-direction:row;gap:0}}@media (min-width:48rem) and (max-width:63.9375rem){.container-detail-course-main{flex-direction:row;gap:0}}@media (max-width:47.9375rem){.container-detail-course-main{flex-direction:column}}.courseDetailsView{background-color:hsl(var(--background,0 0% 100%));width:100%;min-height:100vh;color:hsl(var(--foreground,0 0% 0%));flex-direction:column;display:flex;position:relative}@media (min-width:64rem){.courseDetailsView{flex-direction:row;align-items:flex-start;gap:0}.courseDetailsView>div:last-child{flex-shrink:0;width:21rem;min-width:21rem}}@media (min-width:48rem) and (max-width:63.9375rem){.courseDetailsView{flex-direction:row;align-items:flex-start;gap:0}.courseDetailsView>div:last-child{flex-shrink:0;width:18rem;min-width:18rem}}@media (max-width:47.9375rem){.courseDetailsView{flex-direction:column}.courseDetailsView>div:last-child{width:100%}}.courseHeader{background-color:hsl(var(--background,0 0% 100%));width:100%;color:hsl(var(--foreground,0 0% 0%));border-bottom:.0625rem solid hsl(var(--border,0 0% 90%));padding:1.5rem}.courseHeader__breadcrumbs{color:hsl(var(--muted-foreground,0 0% 45%));align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.courseHeader__breadcrumbs a{color:hsl(var(--muted-foreground,0 0% 45%));text-decoration:none;transition:color .2s}.courseHeader__breadcrumbs a:hover{color:hsl(var(--foreground,0 0% 0%))}.courseHeader__breadcrumbs span{color:hsl(var(--muted-foreground,0 0% 45%))}.courseHeader__titleSection{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.courseHeader__title{flex:1}.courseHeader__title h1{color:hsl(var(--foreground,0 0% 0%));margin:0 0 .25rem;font-size:1.875rem;font-weight:700;line-height:1.2}.courseHeader__title h2{color:hsl(var(--muted-foreground,0 0% 45%));margin:0;font-size:1rem;font-weight:500}.courseHeader__navigation{align-items:center;gap:.5rem;display:flex}.courseHeader__navButton{border-radius:var(--radius,.5rem);cursor:pointer;border:none;border:.0625rem solid hsl(var(--border,0 0% 90%));background-color:hsl(var(--background,0 0% 100%));width:2.5rem;height:2.5rem;color:hsl(var(--foreground,0 0% 0%));justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.courseHeader__navButton:focus-visible{outline:.125rem solid hsl(var(--ring,0 0% 0%));outline-offset:.125rem}.courseHeader__navButton:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.courseHeader__navButton:hover:not(:disabled):hover{background-color:hsl(var(--accent,0 0% 98%))}.courseHeader__navButton:disabled{opacity:.4}.courseHeader__actions{align-items:center;gap:.5rem;display:flex}.courseHeader__actionButton{border-radius:var(--radius,.5rem);cursor:pointer;border:none;border:.0625rem solid hsl(var(--border,0 0% 90%));background-color:hsl(var(--background,0 0% 100%));width:2.5rem;height:2.5rem;color:hsl(var(--foreground,0 0% 0%));justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.courseHeader__actionButton:focus-visible{outline:.125rem solid hsl(var(--ring,0 0% 0%));outline-offset:.125rem}.courseHeader__actionButton:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.courseHeader__actionButton:hover:hover{background-color:hsl(var(--accent,0 0% 98%))}@media (max-width:47.9375rem){.courseHeader{padding:1rem}.courseHeader__titleSection{flex-direction:column}.courseHeader__title h1{font-size:1.5rem}}.videoPlayer{background-color:hsl(var(--card,0 0% 100%));border-radius:var(--radius,.5rem);aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.videoPlayer__video{-o-object-fit:contain;object-fit:contain;background-color:hsl(var(--muted,0 0% 96%));width:100%;height:100%}.videoPlayer__controls{opacity:0;pointer-events:none;background:linear-gradient(#0000,#000c);padding:1rem;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}.videoPlayer:hover .videoPlayer__controls,.videoPlayer:focus-within .videoPlayer__controls{opacity:1;pointer-events:all}.videoPlayer__progressBar{cursor:pointer;background:#ffffff4d;border-radius:.125rem;width:100%;height:.25rem;margin-bottom:.75rem;position:relative}.videoPlayer__progressBar:after{content:"";height:100%;width:var(--progress,0%);background-color:hsl(var(--primary,0 0% 0%));border-radius:.125rem;transition:width .1s linear;position:absolute;top:0;left:0}.videoPlayer__controlsRow{align-items:center;gap:.75rem;display:flex}.videoPlayer__controlButton{border-radius:var(--radius,.5rem);cursor:pointer;width:2.5rem;height:2.5rem;color:hsl(var(--primary-foreground,0 0% 100%));background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.videoPlayer__controlButton:focus-visible{outline:.125rem solid hsl(var(--ring,0 0% 0%));outline-offset:.125rem}.videoPlayer__controlButton:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.videoPlayer__controlButton:hover{background:#ffffff1a}.videoPlayer__time{color:hsl(var(--primary-foreground,0 0% 100%));text-align:center;min-width:5rem;font-size:.875rem;font-weight:500}.videoPlayer__volume{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.videoPlayer__playOverlay{cursor:pointer;opacity:1;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.videoPlayer--playing .videoPlayer__playOverlay{opacity:0;pointer-events:none}.videoPlayer__playOverlay:hover{background:#000c;transform:translate(-50%,-50%)scale(1.1)}@media (max-width:47.9375rem){.videoPlayer{border-radius:0}.videoPlayer__controls{padding:.75rem}.videoPlayer__controlButton{width:2rem;height:2rem}}.courseContent{background-color:hsl(var(--background,0 0% 100%));width:100%;color:hsl(var(--foreground,0 0% 0%));padding:1.5rem}.courseContent__tabs{border-bottom:.0625rem solid hsl(var(--border,0 0% 90%));scrollbar-width:none;gap:.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.courseContent__tabs::-webkit-scrollbar{display:none}.courseContent__tab{color:hsl(var(--muted-foreground,0 0% 45%));cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:.125rem solid #0000;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.courseContent__tab:hover{color:hsl(var(--foreground,0 0% 0%))}.courseContent__tab--active{color:hsl(var(--foreground,0 0% 0%));border-bottom-color:hsl(var(--primary,0 0% 0%))}.courseContent__tab:focus-visible{outline:.125rem solid hsl(var(--ring,0 0% 0%));outline-offset:.125rem}.courseContent__content{min-height:12.5rem;animation:.3s fadeIn}.courseContent__overview{color:hsl(var(--foreground,0 0% 0%));line-height:1.6}.courseContent__overview>section p{margin-bottom:1rem;font-size:.9375rem}.courseContent__overview .instructorCard p{margin-bottom:inherit;font-size:inherit}.courseContent__overview h3{color:hsl(var(--foreground,0 0% 0%));margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600}.courseContent__resources{flex-direction:column;gap:.75rem;display:flex}.courseContent__notes{flex-direction:column;gap:1rem;display:flex}.courseContent__transcript{color:hsl(var(--foreground,0 0% 0%));font-size:.9375rem;line-height:1.8}.courseContent__transcript p{margin-bottom:1rem}@media (max-width:47.9375rem){.courseContent{padding:1rem}.courseContent__tabs{gap:.25rem}.courseContent__tab{padding:.5rem .75rem;font-size:.8125rem}}.chapterSidebar{background-color:hsl(var(--card,0 0% 100%));border-left:.0625rem solid hsl(var(--border,0 0% 90%));z-index:1;align-self:flex-start;width:100%;min-width:0;max-height:calc(100vh - 3rem);position:relative;overflow:hidden auto}@media (min-width:64rem){.chapterSidebar{flex-shrink:0;width:18rem;min-width:18rem;max-height:calc(100vh - 3rem)}}@media (min-width:48rem) and (max-width:63.9375rem){.chapterSidebar{flex-shrink:0;width:15rem;min-width:15rem;max-height:calc(100vh - 3rem)}}@media (max-width:47.9375rem){.chapterSidebar{border-left:none;border-top:.0625rem solid hsl(var(--border,0 0% 90%));z-index:1;width:100%;height:auto;max-height:50vh;position:relative;top:0}}.chapterSidebar__header{border-bottom:.0625rem solid hsl(var(--border,0 0% 90%));background-color:hsl(var(--card,0 0% 100%));z-index:6;padding:1.5rem;position:sticky;top:0}.chapterSidebar__title{color:hsl(var(--foreground,0 0% 0%));margin:0 0 .25rem;font-size:1rem;font-weight:600}.chapterSidebar__subtitle{color:hsl(var(--muted-foreground,0 0% 45%));margin:0;font-size:.875rem}.chapterSidebar__list{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.chapterSidebar__item{border-radius:var(--radius,.5rem);cursor:pointer;color:hsl(var(--foreground,0 0% 0%));align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.chapterSidebar__item:hover:hover{background-color:hsl(var(--accent,0 0% 98%))}.chapterSidebar__item--active{background-color:hsl(var(--primary,0 0% 0%));color:hsl(var(--primary-foreground,0 0% 100%))}.chapterSidebar__item--active .chapterSidebar__itemNumber{background-color:hsl(var(--primary-foreground,0 0% 100%));color:hsl(var(--primary,0 0% 0%))}.chapterSidebar__item--completed .chapterSidebar__itemNumber{background-color:hsl(var(--success,142 76% 36%));color:hsl(var(--success-foreground,0 0% 100%))}.chapterSidebar__item--locked{opacity:.5;cursor:not-allowed;pointer-events:none}.chapterSidebar__itemNumber{background-color:hsl(var(--muted,0 0% 96%));width:2rem;height:2rem;color:hsl(var(--muted-foreground,0 0% 45%));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.chapterSidebar__itemContent{flex:1;min-width:0}.chapterSidebar__itemTitle{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.chapterSidebar__itemMeta{color:hsl(var(--muted-foreground,0 0% 45%));margin-top:.25rem;font-size:.75rem}.chapterSidebar{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground,0 0% 45%))hsl(var(--muted,0 0% 96%))}.chapterSidebar::-webkit-scrollbar{width:.375rem}.chapterSidebar::-webkit-scrollbar-track{background:hsl(var(--muted,0 0% 96%))}.chapterSidebar::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground,0 0% 45%));border-radius:.1875rem}.chapterSidebar::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground,0 0% 0%))}@media (max-width:47.9375rem){.chapterSidebar__header{padding:1rem}.chapterSidebar__list{padding:.5rem}}.commentsSection{background-color:hsl(var(--background,0 0% 100%));border-top:.0625rem solid hsl(var(--border));width:100%;padding:1.5rem}.commentsSection__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.commentsSection__title{color:hsl(var(--foreground,0 0% 0%));margin:0;font-size:1.125rem;font-weight:600}.commentsSection__filters{align-items:center;gap:.5rem;display:flex}.commentsSection__filterButton{border-radius:var(--radius,.5rem);cursor:pointer;color:hsl(var(--muted-foreground,0 0% 45%));border:none;border:.0625rem solid hsl(var(--border,0 0% 90%));background-color:#0000;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.commentsSection__filterButton:focus-visible{outline:.125rem solid hsl(var(--ring,0 0% 0%));outline-offset:.125rem}.commentsSection__filterButton:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.commentsSection__filterButton:hover:not(:disabled):hover{background-color:hsl(var(--accent,0 0% 98%))}.commentsSection__filterButton:hover{color:hsl(var(--foreground,0 0% 0%))}.commentsSection__filterButton--active{background-color:hsl(var(--primary,0 0% 0%));color:hsl(var(--primary-foreground,0 0% 100%));border-color:hsl(var(--primary,0 0% 0%))}.commentsSection__list{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.commentsSection__input{background-color:hsl(var(--background,0 0% 100%));border-top:.0625rem solid hsl(var(--border,0 0% 90%));padding-top:1rem;position:sticky;bottom:0}.commentsSection__inputContainer{align-items:flex-start;gap:.75rem;display:flex}.commentsSection__inputAvatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.commentsSection__inputField{border:.0625rem solid hsl(var(--border,0 0% 90%));border-radius:var(--radius,.5rem);background-color:hsl(var(--background,0 0% 100%));width:100%;color:hsl(var(--foreground,0 0% 0%));resize:none;flex:1;min-height:2.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.commentsSection__inputField:focus-visible{outline:.125rem solid hsl(var(--ring,0 0% 0%));outline-offset:.125rem}.commentsSection__inputField:focus{border-color:hsl(var(--ring,0 0% 0%));box-shadow:0 0 0 .125rem hsl(var(--ring,0 0% 0%)/.2)}.commentsSection__inputField::placeholder{color:hsl(var(--muted-foreground,0 0% 45%))}.commentsSection__inputField:focus{outline:none}.commentsSection__inputButton{border-radius:var(--radius,.5rem);cursor:pointer;background-color:hsl(var(--primary,0 0% 0%));color:hsl(var(--primary-foreground,0 0% 100%));border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition-property:background-color,border-color,color,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.commentsSection__inputButton:focus-visible{outline:.125rem solid hsl(var(--ring,0 0% 0%));outline-offset:.125rem}.commentsSection__inputButton:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.commentsSection__inputButton:hover:not(:disabled){background-color:hsl(var(--primary,0 0% 0%)/.9)}@media (max-width:47.9375rem){.commentsSection{padding:1rem}.commentsSection__header{flex-direction:column;align-items:flex-start;gap:.75rem}.commentsSection__inputContainer{flex-direction:column}.commentsSection__inputButton{width:100%}}.progressTracker{background-color:hsl(var(--card,0 0% 100%));border-radius:var(--radius,.5rem);border:.0625rem solid hsl(var(--border,0 0% 90%));width:100%;padding:1.5rem}.progressTracker__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.progressTracker__title{color:hsl(var(--foreground,0 0% 0%));margin:0;font-size:1rem;font-weight:600}.progressTracker__stats{color:hsl(var(--muted-foreground,0 0% 45%));align-items:center;gap:.5rem;font-size:.875rem;display:flex}.progressTracker__progressBar{background-color:hsl(var(--muted,0 0% 96%));border-radius:.25rem;width:100%;height:.5rem;margin-bottom:1rem;overflow:hidden}.progressTracker__progressFill{background-color:hsl(var(--primary,0 0% 0%));height:100%;width:var(--progress,0%);border-radius:.25rem;transition:width .3s}.progressTracker__statsGrid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;display:grid}.progressTracker__statItem{flex-direction:column;gap:.25rem;display:flex}.progressTracker__statLabel{color:hsl(var(--muted-foreground,0 0% 45%));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.progressTracker__statValue{color:hsl(var(--foreground,0 0% 0%));font-size:1.25rem;font-weight:700}.progressTracker__badge{background-color:hsl(var(--success,142 76% 36%));color:hsl(var(--success-foreground,0 0% 100%));border-radius:var(--radius,.5rem);align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}@media (max-width:47.9375rem){.progressTracker{padding:1rem}.progressTracker__statsGrid{grid-template-columns:1fr}}.instructorCard{background-color:hsl(var(--card,0 0% 100%));border-radius:var(--radius,.5rem);border:.0625rem solid hsl(var(--border,0 0% 90%));width:100%;padding:1.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.instructorCard:hover{transform:translateY(-.0625rem);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.instructorCard__content{align-items:flex-start;gap:1rem;display:flex}@media (min-width:64rem){.instructorCard__content{flex-direction:row}}@media (max-width:47.9375rem){.instructorCard__content{text-align:center;flex-direction:column;align-items:center}}.instructorCard__imageWrapper{flex-shrink:0;position:relative}@media (max-width:47.9375rem){.instructorCard__imageWrapper{margin-bottom:.5rem}}.instructorCard__image{-o-object-fit:cover;object-fit:cover;border:.125rem solid hsl(var(--border,0 0% 90%));background-color:hsl(var(--muted,0 0% 96%));border-radius:50%;width:5rem;height:5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.instructorCard:hover .instructorCard__image{transform:scale(1.02);box-shadow:0 4px 8px #00000026}@media (max-width:47.9375rem){.instructorCard__image{width:5rem;height:5rem}}.instructorCard__info{flex:1;min-width:0}@media (max-width:47.9375rem){.instructorCard__info{width:100%}}.instructorCard__name{color:hsl(var(--foreground,0 0% 0%));-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.instructorCard__position{color:hsl(var(--muted-foreground,0 0% 45%));-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.875rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.instructorCard__bio{color:hsl(var(--foreground,0 0% 0%));border-top:.0625rem solid hsl(var(--border,0 0% 90%));margin-top:1rem;padding-top:1rem;font-size:.75rem;font-weight:400;line-height:1.6}.instructorCard__bioParagraph{margin:0 0 .75rem;font-size:.75rem;line-height:1.6}.instructorCard__bioParagraph:last-child{margin-bottom:0}@media (min-width:48rem) and (max-width:63.9375rem){.instructorCard{padding:1.25rem}.instructorCard__image{width:4.5rem;height:4.5rem}.instructorCard__name{font-size:1.125rem}}@media (max-width:47.9375rem){.instructorCard{padding:1rem}.instructorCard__content{gap:.75rem}.instructorCard__name{font-size:1.125rem}.instructorCard__position{margin-bottom:.75rem;font-size:.8125rem}.instructorCard__bio{margin-top:.75rem;padding-top:.75rem;font-size:.6875rem}}.course-container{width:75%;padding:var(--spacing-xl,2rem);scrollbar-width:none;-ms-overflow-style:none;background-color:hsl(var(--background,0 0% 100%));height:100%;color:hsl(var(--foreground,0 0% 0%));overflow-y:scroll}.course-container::-webkit-scrollbar{display:none}.course-container .title-course{width:40%}.course-container .title-course h3{color:hsl(var(--foreground,0 0% 0%));font-weight:300;font-size:var(--font-size-xl,1.25rem)}.course-container .title-course span{color:hsl(var(--foreground,0 0% 0%));font-weight:600}.course-container .container-subtitle-course{margin-top:var(--spacing-md,1rem);justify-content:space-between;align-items:center;display:flex}.course-container .container-subtitle-course .title h1{color:hsl(var(--foreground,0 0% 0%))}.course-container .container-subtitle-course .toggle-capitulo{justify-content:space-between;align-items:center;width:15%;display:flex}.course-container .container-subtitle-course .toggle-capitulo p{color:hsl(var(--foreground,0 0% 0%));font-size:var(--font-size-md,1rem)}.course-container .container-subtitle-course .toggle-capitulo p p{width:50%}.course-container .container-subtitle-course .toggle-capitulo .buttons{justify-content:space-between;align-items:center;width:50%;display:flex}.course-container .container-subtitle-course .toggle-capitulo img{cursor:pointer;width:40%}.course-container .video-container{width:100%;margin-top:var(--spacing-xl);background-color:var(--background-color-5);padding:var(--spacing-md);border-radius:var(--border-radius);align-items:center;display:flex;box-shadow:0 4vh 4vh #0000001a}.course-container .video-container img{width:100%}.course-container .video-container iframe{border-radius:var(--border-radius);border:none;width:100%;min-height:67vh}.course-container .container-information-video{width:100%;margin-top:var(--spacing-xl)}.course-container .container-information-video .navbar{justify-content:space-between;align-items:center;width:30%;display:flex}.course-container .container-information-video .navbar p{color:hsl(var(--muted-foreground,0 0% 45%));font-size:var(--font-size-xl,1.25rem);cursor:pointer;font-weight:300}.course-container .container-information-video .navbar p.active{color:hsl(var(--foreground,0 0% 0%));font-weight:500}.course-container .container-information-video .notas-view{width:100%;margin-top:var(--spacing-xl);justify-content:space-between;display:flex}.course-container .container-information-video .notas-view .notas-container{width:60%}.course-container .container-information-video .notas-view .notas-container p{color:hsl(var(--foreground,0 0% 0%));font-weight:300;font-size:var(--font-size-md,1rem);margin-bottom:var(--font-size-md,1rem)}.course-container .container-information-video .notas-view .author-container{width:45%;padding:var(--spacing-md);justify-content:center;padding-top:0;display:flex}.course-container .container-information-video .notas-view .author-container .container-author{padding:var(--spacing-md);background-color:hsl(var(--muted,0 0% 96%));border-radius:var(--border-radius,.8rem);width:70%}.course-container .container-information-video .notas-view .author-container .container-author .title{margin-bottom:var(--spacing-md,1rem)}.course-container .container-information-video .notas-view .author-container .container-author .title p{color:hsl(var(--foreground,0 0% 0%));font-weight:600}.course-container .container-information-video .notas-view .author-container .container-author .profile-author{margin-bottom:var(--spacing-md,1rem);align-items:center;display:flex}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .image{margin-right:var(--spacing-md,1rem);width:15%}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .image img{border-radius:10vw;width:100%}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .info h4{color:hsl(var(--foreground,0 0% 0%));font-size:var(--font-size-md,1rem)}.course-container .container-information-video .notas-view .author-container .container-author .profile-author .info p{color:hsl(var(--foreground,0 0% 0%));font-size:var(--font-size-sm,.875rem)}.course-container .container-information-video .notas-view .author-container .container-author .biografia-containe p{color:hsl(var(--foreground,0 0% 0%));font-size:var(--font-size-sm,.875rem);margin-bottom:var(--spacing-sm,.5rem)}.course-container .container-information-video .preguntas-container{margin-top:var(--spacing-md);min-height:19vh}.course-container .container-information-video .preguntas-container .title-preguntas h4{color:hsl(var(--foreground,0 0% 0%));font-weight:400}.course-container .container-information-video .preguntas-container .row-pregunta{width:35%;margin-top:var(--spacing-xl,2rem);border-bottom:.09rem solid hsl(var(--border,0 0% 90%));padding-bottom:var(--spacing-sm,.5rem);flex-direction:column;align-items:center;display:flex}.course-container .container-information-video .preguntas-container .row-pregunta .profile{align-items:center;width:100%;display:flex}.course-container .container-information-video .preguntas-container .row-pregunta .pregunta{width:100%;margin-top:var(--spacing-sm,.5rem)}.course-container .container-information-video .preguntas-container .row-pregunta .pregunta h4{color:hsl(var(--foreground,0 0% 0%));font-weight:400;font-size:var(--font-size-md,1rem)}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta{width:100%;margin-top:var(--spacing-sm,.5rem);display:flex}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta .responder{margin-right:var(--spacing-xl,2rem);cursor:pointer;align-items:center;display:flex}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta .responder img{width:50%;margin-right:var(--spacing-sm,.5rem)}.course-container .container-information-video .preguntas-container .row-pregunta .ver-respuesta p{color:hsl(var(--muted-foreground,0 0% 45%));font-size:var(--font-size-sm,.875rem);cursor:pointer}.course-container .container-information-video .preguntas-container .row-pregunta .image{width:6%;margin-right:var(--spacing-sm,.5rem)}.course-container .container-information-video .preguntas-container .row-pregunta .image img{border-radius:10vw;width:100%}.course-container .container-information-video .preguntas-container .row-pregunta .info-pregunta h3{color:hsl(var(--foreground,0 0% 0%));font-weight:500;font-size:var(--font-size-md,1rem)}.course-container .container-information-video .preguntas-container .container-input-pregunta{margin-top:var(--spacing-xl,2rem)}.course-container .container-information-video .preguntas-container .container-input-pregunta .input{width:50%}.course-container .container-information-video .preguntas-container .container-input-pregunta p{color:hsl(var(--foreground,0 0% 0%));font-weight:300;font-size:var(--font-size-md,1rem)}.course-container .container-information-video .preguntas-container .container-input-pregunta input{all:unset;background-color:hsl(var(--muted,0 0% 96%));margin-top:var(--spacing-sm,.5rem);border-radius:var(--border-radius-input,.3rem);border:.09rem solid hsl(var(--border,0 0% 90%));width:100%;font-size:var(--font-size-sm,.875rem);padding:var(--spacing-sm,.5rem);color:hsl(var(--foreground,0 0% 0%))}.progress-container{width:24%;padding:var(--spacing-sm);background-color:var(--background-color-4)}.progress-container .title-curso{padding:var(--spacing-xl)}.progress-container .title-curso h4{color:var(--color-primary);font-size:var(--font-size-md)}.progress-container .row-completed-title{width:100%;padding:var(--spacing-xl);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0;display:flex}.progress-container .row-completed-title p{color:var(--color-fourd);font-size:var(--font-size-md);font-weight:700}.progress-container .row-progress-bar{width:100%;padding:var(--spacing-xl);justify-content:space-between;align-items:center;padding-top:0;display:flex}.progress-container .row-progress-bar .left img{width:10%}.progress-container .row-progress-bar img{width:18%}.progress-container .row-progress-title{width:100%;padding:var(--spacing-xl);padding-top:0;padding-bottom:var(--spacing-md);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.progress-container .row-progress-title .left{align-items:center;width:86%;display:flex}.progress-container .row-progress-title .left img{width:7%;min-width:7%;margin-right:var(--spacing-md)}.progress-container .row-progress-title .left .check-icon{width:4%;margin-left:var(--spacing-xs)}.progress-container .row-progress-title .left .check-icon img{width:5%}.progress-container .row-progress-title .left p{color:var(--color-five-70);font-weight:500;font-size:var(--font-size-sm);width:75%}.progress-container .row-progress-title .left .completed{color:var(--color-fourd)}.progress-container .container-comentarios{width:100%;margin-top:var(--spacing-md);border-top:.09rem solid var(--color-primary-20);padding:var(--spacing-xl);scrollbar-width:thin;max-height:40vh;overflow-y:auto}.progress-container .container-comentarios::-webkit-scrollbar{width:.5rem}.progress-container .container-comentarios::-webkit-scrollbar-thumb{background-color:var(--color-primary-20);border-radius:var(--border-radius)}.progress-container .container-comentarios .title-comentarios{margin-bottom:var(--spacing-xl)}.progress-container .container-comentarios .title-comentarios h3{font-size:var(--font-size-md);color:var(--color-primary)}.progress-container .container-comentarios .title-comentarios span{font-size:var(--font-size-md);color:var(--color-primary);font-weight:400}.progress-container .container-comentarios .row-profile-coment{margin-top:var(--spacing-xl)}.progress-container .container-comentarios .row-profile-coment .title-name{align-items:center;width:100%;display:flex}.progress-container .container-comentarios .row-profile-coment .title-name h5{font-size:var(--font-size-md);color:var(--color-primary)}.progress-container .container-comentarios .row-profile-coment .title-name img{width:13%;margin-right:var(--spacing-md);border-radius:10vh}.progress-container .container-comentarios .row-profile-coment .comentario{margin-top:var(--spacing-sm)}.progress-container .container-comentarios .row-profile-coment .comentario p{font-size:var(--font-size-md);color:var(--color-primary);font-weight:300}.progress-container .container-comentarios .row-profile-coment .respuestas{width:100%;margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.progress-container .container-comentarios .row-profile-coment .respuestas .button-responder{cursor:pointer;align-items:center;width:40%;display:flex}.progress-container .container-comentarios .row-profile-coment .respuestas p{color:var(--color-primary-20);font-size:var(--font-size-sm)}.progress-container .container-comentarios .row-profile-coment .respuestas img{width:13%;margin-right:var(--spacing-sm)}.progress-container .container-comentarios .row-profile-coment .respuestas .more-respuestas{cursor:pointer;width:55%}.progress-container .button-add-comentario{width:100%;padding:var(--spacing-md);justify-content:center;align-items:center;padding-top:0;padding-bottom:0;display:flex}.progress-container .button-add-comentario input{all:unset;border:none;border:.09rem solid var(--color-primary);width:100%;padding:var(--spacing-sm);color:var(--color-five-70);border-radius:var(--border-radius-input);font-size:var(--font-size-sm)}@media only screen and (max-width:600px){.progress-container{width:100%;padding:var(--spacing-m-lg);margin-top:var(--spacing-m-xxxxl)}.progress-container .title-curso{width:100%}.progress-container .title-curso h4{font-size:var(--font-size-m-xxl)}.progress-container .row-completed-title{width:100%}.progress-container .row-completed-title p{font-size:var(--font-size-m-xl)}.progress-container .row-progress-bar{margin-bottom:var(--spacing-m-lg)}.progress-container .row-progress-title{margin-bottom:var(--spacing-m-sm)}.progress-container .row-progress-title .left{width:90%}.progress-container .row-progress-title .left p{font-size:var(--font-size-m-lg)}.progress-container .container-comentarios .title-comentarios h3{font-size:var(--font-size-m-xxl)}.progress-container .container-comentarios .row-profile-coment{margin-bottom:var(--spacing-m-xxl)}.progress-container .container-comentarios .row-profile-coment .title-name{width:60%}.progress-container .container-comentarios .row-profile-coment .title-name h5{font-size:var(--font-size-m-lg)}.progress-container .container-comentarios .row-profile-coment .comentario{margin-top:var(--spacing-m-sm)}.progress-container .container-comentarios .row-profile-coment .comentario p{font-size:var(--font-size-m-lg)}.progress-container .container-comentarios .row-profile-coment .respuestas{margin-top:var(--spacing-m-md)}.progress-container .container-comentarios .row-profile-coment .respuestas p{font-size:var(--spacing-m-sm)}.progress-container .container-comentarios .row-profile-coment .respuestas img{width:5%}.progress-container .container-comentarios .row-profile-coment .row-profile-coment,.progress-container .button-add-comentario{margin-top:var(--spacing-m-lg)}.progress-container .button-add-comentario input{font-size:var(--font-size-m-xxl);padding:var(--spacing-m-sm)}.course-container{width:100%;padding:var(--spacing-m-xl);overflow:visible;flex-direction:column!important;display:flex!important}.course-container .title-course{width:100%}.course-container .title-course h3{font-size:var(--font-size-m-xxl)}.course-container .video-container{margin-top:var(--spacing-m-xl);order:1!important}.course-container .video-container iframe{min-height:25vh}.course-container .container-subtitle-course{flex-direction:column;justify-content:flex-start;order:2!important}.course-container .container-subtitle-course .title{width:100%;margin-top:var(--spacing-m-md)}.course-container .container-subtitle-course .title h1{font-size:var(--font-size-m-xxxl);text-align:left;width:100%}.course-container .container-subtitle-course .toggle-capitulo{width:100%;margin-top:var(--spacing-m-lg);justify-content:flex-start;display:flex!important}.course-container .container-subtitle-course .toggle-capitulo p{font-size:var(--font-size-m-xxl)}.course-container .container-subtitle-course .toggle-capitulo .buttons{justify-content:flex-end;width:20%;display:flex}.course-container .container-subtitle-course .toggle-capitulo .buttons img{width:40%}.course-container .container-information-video{flex-direction:column;display:flex;order:3!important}.course-container .container-information-video .navbar{width:60%;margin-top:var(--spacing-m-md)}.course-container .container-information-video .navbar p{font-size:var(--font-size-m-lg)}.course-container .container-information-video .information-video-container{flex-direction:column;width:100%;display:flex}.course-container .container-information-video .information-video-container .notas-view{flex-direction:column}.course-container .container-information-video .information-video-container .notas-view .notas-container{width:100%}.course-container .container-information-video .information-video-container .notas-view .notas-container p{font-size:var(--font-size-m-lg)}.course-container .container-information-video .information-video-container .notas-view .author-container{width:100%}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author{margin-top:var(--spacing-m-md);width:100%;padding:var(--spacing-m-md)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author{width:80%;margin-top:var(--spacing-m-xl)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author .info{width:50%;margin-left:var(--spacing-m-md)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author .info h4{font-size:var(--font-size-m-lg)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .profile-author .info p{font-size:var(--font-size-m-md)}.course-container .container-information-video .information-video-container .notas-view .author-container .container-author .biografia-containe p{font-size:var(--font-size-m-lg);margin-bottom:var(--spacing-m-md)}}.know-you-container{flex:1;justify-content:space-between;width:100%;height:100vh;display:flex;overflow:hidden}.know-you-container .container-logo-nav{justify-content:center;align-items:flex-start;width:10%;display:flex}.know-you-container .container-logo-nav img{width:60%;margin-top:var(--spacing-xxl)}.know-you-container .container-questions{background-color:var(--background-color-2);width:90%;padding:var(--spacing-xxl);flex-direction:column;justify-content:space-between;height:100%;display:flex}.know-you-container .container-questions h1{color:var(--color-primary)}.know-you-container .container-questions .question{margin-top:var(--spacing-xl)}.know-you-container .container-questions .question h2{color:var(--color-primary);font-size:var(--font-size-xxxxl);width:50%}.know-you-container .container-questions .container-buttons-respuesta{margin-top:var(--spacing-xxl);justify-content:space-between;align-items:center;display:flex}.know-you-container .container-questions .container-buttons-respuesta button{all:unset;cursor:pointer;background-color:var(--background-color-6);padding:var(--spacing-lg);border-radius:var(--border-radius-button);text-align:center;width:15%;font-size:var(--font-size-xxl);color:var(--color-six);font-weight:700}.know-you-container .container-questions .container-buttons{margin-top:var(--spacing-xxl);justify-content:space-between;align-items:center;display:flex}.know-you-container .container-questions .container-buttons button{all:unset;cursor:pointer;font-size:var(--font-size-xxl)}.know-you-container .container-questions .container-buttons .omitir{color:var(--color-primary);font-weight:300}.know-you-container .container-questions .container-buttons .continuar{color:var(--color-third);background-color:var(--background-color-6);padding:var(--spacing-lg);border-radius:var(--border-radius-button);text-align:center;width:20%;font-weight:800}.know-you-container .container-questions .selected{border:.3rem solid var(--color-six)!important}.container-profile-view{padding:var(--spacing-xl);background:hsl(var(--background));flex-direction:column;flex:1;width:100%;max-width:1400px;min-height:100%;margin:0 auto;display:flex}.container-profile-view .profile-title-view{width:100%;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid hsl(var(--border))}.container-profile-view .profile-title-view h1{color:hsl(var(--foreground));font-size:var(--font-size-xxl);letter-spacing:-.02em;margin:0;font-weight:700}.container-profile-view .profile-content{gap:var(--spacing-xl);grid-template-columns:1fr 380px;align-items:start;width:100%;display:grid}@media (max-width:1200px){.container-profile-view .profile-content{gap:var(--spacing-lg);grid-template-columns:1fr 320px}}@media (max-width:1024px){.container-profile-view .profile-content{gap:var(--spacing-lg);grid-template-columns:1fr}}.container-profile-view .profile-main-content{gap:var(--spacing-xl);flex-direction:column;display:flex}@media (max-width:1024px){.container-profile-view .profile-main-content{gap:var(--spacing-lg)}}.container-profile-view .profile-sidebar{gap:var(--spacing-xl);top:calc(var(--spacing-xl) + 80px);max-height:calc(100vh - 120px);padding-right:var(--spacing-xs);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.container-profile-view .profile-sidebar::-webkit-scrollbar{width:6px}.container-profile-view .profile-sidebar::-webkit-scrollbar-track{background:0 0}.container-profile-view .profile-sidebar::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.2);border-radius:3px}.container-profile-view .profile-sidebar::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.3)}@media (max-width:1024px){.container-profile-view .profile-sidebar{max-height:none;position:static;overflow-y:visible}}.container-profile-view .profile-loading{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:400px;display:flex}.container-profile-view .profile-loading i{color:hsl(var(--primary));font-size:2rem;animation:1s linear infinite spin}.container-profile-view .profile-loading p{color:hsl(var(--muted-foreground));font-size:var(--font-size-md);margin:0}.container-profile-view .profile-error{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:400px;padding:var(--spacing-xl);background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.3);border-radius:var(--radius-lg);flex-direction:column;display:flex}.container-profile-view .profile-error i{color:hsl(var(--destructive));font-size:2rem}.container-profile-view .profile-error p{color:hsl(var(--destructive));font-size:var(--font-size-md);text-align:center;margin:0}.container-profile-view .profile-error button{margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-lg);background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-sm);border:none;font-weight:500;transition:all .2s}.container-profile-view .profile-error button:hover{opacity:.9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-header{align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-xl);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:0 1px 3px hsl(var(--foreground)/.05);transition:all .3s;display:flex}.profile-header:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08)}.profile-header__photo-container{align-items:center;gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex}.profile-header__photo-wrapper{background:hsl(var(--muted));cursor:pointer;border:3px solid hsl(var(--border));width:120px;height:120px;box-shadow:0 2px 8px hsl(var(--foreground)/.1);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-header__photo-wrapper:hover{box-shadow:0 8px 24px hsl(var(--primary)/.25);border-color:hsl(var(--primary)/.3);transform:scale(1.05)}.profile-header__photo-wrapper:hover .profile-header__photo-overlay{opacity:1}.profile-header__photo-wrapper:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:3px}.profile-header__photo-overlay{background:hsl(var(--primary)/.85);justify-content:center;align-items:center;gap:var(--spacing-xs);opacity:0;color:hsl(var(--primary-foreground));font-size:var(--font-size-sm);z-index:1;flex-direction:column;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.profile-header__photo-overlay i{font-size:var(--font-size-xl)}.profile-header__photo-overlay span{font-size:var(--font-size-xs);text-align:center}.profile-header__photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-header__file-input{display:none}.profile-header__photo-hint{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));text-align:center;max-width:200px;margin:0;line-height:1.4}.profile-header__info-container{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.profile-header__name-wrapper{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.profile-header__name{font-size:var(--font-size-xxl);color:hsl(var(--foreground));letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2;transition:color .2s}.profile-header__uid{padding:var(--spacing-xs)var(--spacing-sm);background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);font-size:var(--font-size-xs);letter-spacing:.05em;cursor:default;-webkit-user-select:all;user-select:all;align-items:center;font-family:Courier New,monospace;font-weight:600;transition:all .2s;display:inline-flex}.profile-header__uid:hover{background:hsl(var(--accent));border-color:hsl(var(--primary)/.3);color:hsl(var(--foreground))}.profile-header__position{font-size:var(--font-size-md);color:hsl(var(--muted-foreground));margin:0;font-weight:500}.profile-header__location{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);color:hsl(var(--muted-foreground));font-size:var(--font-size-sm);transition:color .2s;display:flex}.profile-header__location:hover{color:hsl(var(--foreground))}.profile-header__location svg{flex-shrink:0;width:16px;height:16px;transition:transform .2s}.profile-header__location:hover svg{transform:scale(1.1)}@media (max-width:768px){.profile-header{text-align:center;flex-direction:column;align-items:center}.profile-header__info-container{align-items:center}.profile-header__name-wrapper{justify-content:center;gap:var(--spacing-xs);flex-direction:column}.profile-header__location{justify-content:center}}.editable-field{width:100%;margin-bottom:var(--spacing-md)}.editable-field__label{font-size:var(--font-size-sm);color:hsl(var(--foreground));margin-bottom:var(--spacing-xs);font-weight:600;display:block}.editable-field__view-mode{padding:var(--spacing-sm)0;border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s fadeIn;display:flex}.editable-field__view-mode:hover{border-bottom-color:hsl(var(--primary));transform:translate(2px)}.editable-field__value{font-size:var(--font-size-md);color:hsl(var(--foreground));flex:1}.editable-field__empty{color:hsl(var(--muted-foreground));font-style:normal}.editable-field__button-edit{align-items:center;gap:var(--spacing-xs);color:hsl(var(--muted-foreground));cursor:pointer;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);font-size:var(--font-size-sm);background:0 0;border:none;transition:all .2s;display:flex}.editable-field__button-edit:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.editable-field__button-edit:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.editable-field__button-edit svg{width:16px;height:16px}.editable-field__input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));font-size:var(--font-size-md);margin-top:var(--spacing-xs);font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s slideDown}.editable-field__input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.2);outline:none;transform:translateY(-1px)}.editable-field__input::placeholder{color:hsl(var(--muted-foreground))}.editable-field__input--error{border-color:hsl(var(--destructive));animation:.4s shake}.editable-field__input--textarea{resize:vertical;min-height:100px}.editable-field__error-message{align-items:center;gap:var(--spacing-xs);color:hsl(var(--destructive));font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex}.editable-field__error-message i{flex-shrink:0;font-size:.875rem}.editable-field__actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);justify-content:flex-end;display:flex}.editable-field__button-cancel{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:0 0;font-weight:500;transition:all .2s}.editable-field__button-cancel:hover:not(:disabled){color:hsl(var(--foreground));border-color:hsl(var(--foreground))}.editable-field__button-cancel:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.editable-field__button-cancel:disabled{opacity:.5;cursor:not-allowed}.editable-field__button-save{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);cursor:pointer;background:hsl(var(--primary));color:hsl(var(--primary-foreground));align-items:center;gap:var(--spacing-xs);border:none;font-weight:500;transition:all .2s;display:flex}.editable-field__button-save i{font-size:.875rem}.editable-field__button-save:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px hsl(var(--primary)/.3);transform:translateY(-1px)}.editable-field__button-save:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.editable-field__button-save:active:not(:disabled){transform:translateY(0)}.editable-field__button-save:disabled{opacity:.5;cursor:not-allowed}.editable-field__button-save--saved{background:hsl(var(--primary));animation:.5s savedPulse}.editable-field__button-save--saved i{color:hsl(var(--primary-foreground))}.editable-field__required{color:hsl(var(--destructive));font-weight:600}.editable-field__textarea-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.editable-field__char-count{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));text-align:right;margin-top:calc(var(--spacing-xs)*-1);transition:color .2s}.editable-field__char-count--exceeded{color:hsl(var(--destructive));font-weight:600}@keyframes savedPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.personal-info{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 1px 3px hsl(var(--foreground)/.05);transition:all .3s}.personal-info:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08)}.personal-info__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;display:flex}.personal-info__title{font-size:var(--font-size-lg);color:hsl(var(--foreground));letter-spacing:-.01em;margin:0;font-weight:700}.personal-info__fields{gap:var(--spacing-md);flex-direction:column;display:flex}.bio-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 1px 3px hsl(var(--foreground)/.05);transition:all .3s}.bio-section:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08)}.bio-section__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;display:flex}.bio-section__title{font-size:var(--font-size-lg);color:hsl(var(--foreground));letter-spacing:-.01em;margin:0;font-weight:700}.location-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 1px 3px hsl(var(--foreground)/.05);transition:all .3s}.location-section:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08)}.location-section__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;display:flex}.location-section__title{font-size:var(--font-size-lg);color:hsl(var(--foreground));letter-spacing:-.01em;margin:0;font-weight:700}.stats-cards{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 1px 3px hsl(var(--foreground)/.05);transition:all .3s}.stats-cards:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08)}.stats-cards__title{font-size:var(--font-size-lg);color:hsl(var(--foreground));margin:0 0 var(--spacing-lg)0;letter-spacing:-.01em;font-weight:700}.stats-cards__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:768px){.stats-cards__grid{grid-template-columns:1fr}}.stat-card{background:hsl(var(--secondary)/.2);border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:hsl(var(--primary));transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{box-shadow:0 12px 32px hsl(var(--foreground)/.12);border-color:hsl(var(--primary)/.5);background:hsl(var(--secondary)/.3);transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover .stat-card__icon-container{background:hsl(var(--primary)/.15);transform:scale(1.1)rotate(5deg)}.stat-card:hover .stat-card__value{color:hsl(var(--primary))}.stat-card__icon-container{background:hsl(var(--primary)/.1);border-radius:var(--radius);width:48px;height:48px;color:hsl(var(--primary));flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-card__icon-container svg,.stat-card__icon-container i{width:22px;height:22px;font-size:1.25rem}.stat-card__content{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.stat-card__value{font-size:var(--font-size-md);color:hsl(var(--foreground));letter-spacing:-.01em;word-break:break-word;font-weight:700;line-height:1.3;transition:color .3s}.stat-card__label{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));font-weight:500;line-height:1.4}.progress-tracker{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--spacing-xl);height:fit-content;box-shadow:0 1px 3px hsl(var(--foreground)/.05);transition:all .3s}.progress-tracker:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08)}.progress-tracker__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid hsl(var(--border))}.progress-tracker__title{font-size:var(--font-size-lg);color:hsl(var(--foreground));letter-spacing:-.01em;margin:0;font-weight:700}.progress-tracker__items{gap:var(--spacing-xs);flex-direction:column;display:flex}.progress-circle{aspect-ratio:1;width:100%;max-width:200px;margin:0 auto var(--spacing-lg);position:relative}.progress-item{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);cursor:default;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.progress-item:hover{background:hsl(var(--muted)/.3);transform:translate(4px)}.progress-item:hover .progress-item__icon{transform:scale(1.1)}.progress-item__left{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.progress-item__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.progress-item__icon--completed{color:hsl(var(--primary))}.progress-item__icon--incomplete{color:hsl(var(--muted-foreground))}.progress-item__icon svg{width:18px;height:18px}.progress-item__label{font-size:var(--font-size-sm);color:hsl(var(--foreground));font-weight:500;line-height:1.4}.progress-item__percentage{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));font-weight:600;transition:all .2s}.progress-item__percentage--completed{color:hsl(var(--primary))}.active-courses{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 1px 3px hsl(var(--foreground)/.05);transition:all .3s}.active-courses:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08)}.active-courses__title{font-size:var(--font-size-lg);color:hsl(var(--foreground));margin:0 0 var(--spacing-lg)0;letter-spacing:-.01em;padding-bottom:var(--spacing-md);border-bottom:1px solid hsl(var(--border));font-weight:700}.active-courses__empty{color:hsl(var(--muted-foreground));font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl)0}.active-courses__list{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-course-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:hsl(var(--primary));border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.profile-course-card:before{content:"";background:linear-gradient(90deg,transparent,hsl(var(--primary-foreground)/.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.profile-course-card:hover{box-shadow:0 8px 24px hsl(var(--primary)/.4);transform:translate(6px)translateY(-2px)}.profile-course-card:hover:before{left:100%}.profile-course-card:hover .profile-course-card__icon{transform:scale(1.1)rotate(5deg)}.profile-course-card__date{min-width:60px;padding:var(--spacing-sm);background:hsl(var(--primary-foreground)/.2);border-radius:var(--radius);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-course-card__day{font-size:var(--font-size-xl);color:hsl(var(--primary-foreground));font-weight:800;line-height:1}.profile-course-card__month{font-size:var(--font-size-sm);color:hsl(var(--primary-foreground));text-transform:uppercase;margin-top:var(--spacing-xs);font-weight:600}.profile-course-card__info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.profile-course-card__name{font-size:var(--font-size-lg);color:hsl(var(--primary-foreground));margin:0;font-weight:700;line-height:1.3}.profile-course-card__progress{font-size:var(--font-size-sm);color:hsl(var(--primary-foreground)/.9);font-weight:500}.profile-course-card__icon{color:hsl(var(--primary-foreground));flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.profile-empty-state{padding:var(--spacing-xxl);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.profile-empty-state i{color:hsl(var(--muted-foreground));opacity:.5;font-size:3rem}.profile-empty-state p{color:hsl(var(--muted-foreground));font-size:var(--font-size-md);margin:0}.profile-empty-state__action{margin-top:var(--spacing-md)}@media (prefers-reduced-motion:reduce){.courses-empty-state__button:hover{transform:none}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.courses-empty-state__icon,.courses-empty-state__title,.courses-empty-state__description,.courses-empty-state__button,.container-course-card--skeleton .skeleton-shimmer{animation:none}}.container-courses-view{gap:var(--spacing-xl);padding:var(--spacing-xl);background:hsl(var(--background));background-color:hsl(var(--background));width:100%;min-height:100vh;color:hsl(var(--foreground));flex-direction:column;display:flex}.container-courses-view .courses-header{margin-bottom:var(--spacing-md);opacity:0;justify-content:space-between;align-items:center;animation:.6s forwards fadeInSlide;display:flex}.container-courses-view .courses-header h1{color:hsl(var(--foreground));font-size:var(--font-size-xxxl);margin:0;font-weight:800;animation:.6s .2s both slideInLeft}.container-courses-view .courses-header-right{align-items:center;gap:var(--spacing-md);animation:.6s .3s both slideInRight;display:flex}.container-courses-view .courses-new-btn{all:unset;cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--spacing-xs);background:hsl(var(--primary));color:hsl(var(--primary-foreground));will-change:transform,box-shadow;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.container-courses-view .courses-new-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.container-courses-view .courses-new-btn:hover{background:hsl(var(--primary)/.9);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.container-courses-view .courses-new-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}@media (prefers-reduced-motion:reduce){.container-courses-view .courses-new-btn:hover{transform:none}}.container-courses-view .courses-new-btn{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-md);will-change:transform,box-shadow;position:relative;overflow:hidden}.container-courses-view .courses-new-btn:before{content:"";background:hsl(var(--primary-foreground)/.1);will-change:width,height;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.container-courses-view .courses-new-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 16px #00000040}.container-courses-view .courses-new-btn:hover:before{width:300px;height:300px}.container-courses-view .courses-new-btn:active{transform:translateY(0)scale(.98)}.container-courses-view .courses-new-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;box-shadow:0 0 0 4px hsl(var(--ring)/.2)}@media (prefers-reduced-motion:reduce){.container-courses-view .courses-new-btn:before{transition:none}.container-courses-view .courses-new-btn:hover{transform:none}}.container-courses-view .courses-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;animation:.5s .4s both fadeIn;display:grid}.container-courses-view .courses-grid-item{width:100%}.container-courses-view .courses-grid-item:first-child .container-course-card{--index:0}.container-courses-view .courses-grid-item:nth-child(2) .container-course-card{--index:1}.container-courses-view .courses-grid-item:nth-child(3) .container-course-card{--index:2}.container-courses-view .courses-grid-item:nth-child(4) .container-course-card{--index:3}.container-courses-view .courses-grid-item:nth-child(5) .container-course-card{--index:4}.container-courses-view .courses-grid-item:nth-child(6) .container-course-card{--index:5}.container-courses-view .courses-grid-item:nth-child(7) .container-course-card{--index:6}.container-courses-view .courses-grid-item:nth-child(8) .container-course-card{--index:7}.container-courses-view .courses-grid-item:nth-child(9) .container-course-card{--index:8}.container-courses-view .courses-grid-item:nth-child(10) .container-course-card{--index:9}.container-courses-view .courses-grid-item:nth-child(11) .container-course-card{--index:10}.container-courses-view .courses-grid-item:nth-child(12) .container-course-card{--index:11}.container-courses-view .courses-grid-item:nth-child(13) .container-course-card{--index:12}.container-courses-view .courses-grid-item:nth-child(14) .container-course-card{--index:13}.container-courses-view .courses-grid-item:nth-child(15) .container-course-card{--index:14}.container-courses-view .courses-grid-item:nth-child(16) .container-course-card{--index:15}.container-courses-view .courses-grid-item:nth-child(17) .container-course-card{--index:16}.container-courses-view .courses-grid-item:nth-child(18) .container-course-card{--index:17}.container-courses-view .courses-grid-item:nth-child(19) .container-course-card{--index:18}.container-courses-view .courses-grid-item:nth-child(20) .container-course-card{--index:19}.container-courses-view .courses-toast{right:var(--spacing-xl);bottom:var(--spacing-xl);background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-md);z-index:1000;font-weight:500;animation:.3s slideUp;position:fixed;box-shadow:0 8px 24px #0000004d}.container-courses-view .courses-loading{padding:var(--spacing-xxl);text-align:center;color:hsl(var(--muted-foreground));flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.container-courses-view .courses-loading i{margin-bottom:var(--spacing-md);color:hsl(var(--foreground));font-size:2rem;animation:1s linear infinite spin}.container-courses-view .courses-loading p{font-size:var(--font-size-md);color:hsl(var(--muted-foreground));margin:0}.container-courses-view .courses-error{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);color:hsl(var(--destructive));margin-bottom:var(--spacing-lg);display:flex}.container-courses-view .courses-error i{font-size:var(--font-size-lg);flex-shrink:0}.container-courses-view .courses-error p{font-size:var(--font-size-md);margin:0;font-weight:500}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width:1200px){.container-courses-view .courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:900px){.container-courses-view{padding:var(--spacing-lg)}.container-courses-view .courses-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.container-courses-view .courses-header h1{font-size:var(--font-size-xxl)}.container-courses-view .courses-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:600px){.container-courses-view{padding:var(--spacing-md)}.container-courses-view .courses-header h1{font-size:var(--font-size-xl)}.container-courses-view .courses-header-right{flex-direction:column;align-items:stretch;width:100%}.container-courses-view .courses-header-right .courses-new-btn{width:100%}.container-courses-view .courses-grid{gap:var(--spacing-md);grid-template-columns:1fr}.container-courses-view .courses-toast{right:var(--spacing-md);bottom:var(--spacing-md);left:var(--spacing-md)}}.container-course-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);height:100%;color:hsl(var(--card-foreground));cursor:pointer;opacity:0;animation:.5s forwards fadeInUp;animation-delay:calc(var(--index,0)*.1s);flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0003}.container-course-card:hover{border-color:hsl(var(--ring));will-change:transform,box-shadow;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}@media (prefers-reduced-motion:reduce){.container-course-card{transition:none;animation:none}.container-course-card:hover{transform:none}}.container-course-card.selected{border-color:hsl(var(--ring));animation:.2s selectPulse;box-shadow:0 0 0 4px #0000001a}.container-course-card:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;box-shadow:0 0 0 4px hsl(var(--ring)/.2)}.container-course-card .course-card-cover{background:hsl(var(--card));will-change:transform;width:100%;height:160px;position:relative;overflow:hidden}.container-course-card .course-card-cover:before{content:"";background:radial-gradient(circle at center,hsl(var(--foreground)/.1)0%,transparent 70%);z-index:2;transition:opacity .3s;position:absolute;inset:0}.container-course-card .course-card-cover img{-o-object-fit:cover;object-fit:cover;opacity:.95;filter:brightness(1.1);z-index:1;will-change:transform;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:0;left:0}.container-course-card:hover .course-card-cover img{opacity:1;transform:scale(1.05)}.container-course-card:hover .course-card-cover:before{opacity:.8}@media (prefers-reduced-motion:reduce){.container-course-card .course-card-cover img{transition:none}.container-course-card:hover .course-card-cover img{transform:none}}.container-course-card .course-card-body{background:hsl(var(--card));flex-direction:column;flex:1;gap:0;padding:0;display:flex}.container-course-card .course-card-meta-container{padding:0}.container-course-card .course-card-meta-row{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:var(--spacing-sm);background:hsl(var(--muted));color:hsl(var(--foreground));padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid hsl(var(--border));display:flex}.container-course-card .course-card-content{gap:var(--spacing-md);padding:var(--spacing-lg);background:hsl(var(--card));flex-direction:column;flex:1;display:flex}.container-course-card .course-card-category,.container-course-card .course-card-level{padding:var(--spacing-xs)var(--spacing-sm);border-radius:calc(var(--radius) - 2px);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));align-items:center;font-weight:600;display:inline-flex}.container-course-card .course-card-title{font-size:var(--font-size-lg);color:hsl(var(--card-foreground));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.container-course-card .course-card-description{color:hsl(var(--muted-foreground));font-size:var(--font-size-sm);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden}.container-course-card .course-card-footer-row{padding-top:var(--spacing-md);border-top:1px solid hsl(var(--border));justify-content:space-between;align-items:center;margin-top:auto;display:flex}.container-course-card .course-card-lessons{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));font-weight:500}.container-course-card .course-card-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.container-course-card .course-card-link-btn{all:unset;cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--spacing-xs);background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));will-change:transform;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.container-course-card .course-card-link-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.container-course-card .course-card-link-btn:hover{background:hsl(var(--secondary)/.8);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.container-course-card .course-card-link-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}@media (prefers-reduced-motion:reduce){.container-course-card .course-card-link-btn:hover{transform:none}}.container-course-card .course-card-link-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--ring)/.2)}.container-course-card .course-card-primary-btn{all:unset;cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--spacing-xs);background:hsl(var(--primary));color:hsl(var(--primary-foreground));will-change:transform,box-shadow;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.container-course-card .course-card-primary-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.container-course-card .course-card-primary-btn:hover{background:hsl(var(--primary)/.9);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.container-course-card .course-card-primary-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}@media (prefers-reduced-motion:reduce){.container-course-card .course-card-primary-btn:hover{transform:none}}.container-course-card .course-card-primary-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--ring)/.2)}.container-course-card .course-card-badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:calc(var(--radius) - 2px);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));align-items:center;font-weight:600;display:inline-flex}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@media (max-width:600px){.container-course-card .course-card-cover{height:140px}.container-course-card .course-card-meta-container{padding:var(--spacing-sm)var(--spacing-md)}.container-course-card .course-card-content{padding:var(--spacing-md)}.container-course-card .course-card-title{font-size:var(--font-size-md)}.container-course-card .course-card-description{font-size:var(--font-size-sm)}.container-course-card .course-card-footer-row{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.container-course-card .course-card-actions{width:100%}.container-course-card .course-card-actions button{text-align:center;flex:1}}.container-course-filters{gap:var(--spacing-lg);margin:var(--spacing-xl)0;padding:var(--spacing-lg);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:hsl(var(--card-foreground));opacity:0;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;animation:.5s .2s forwards fadeInScale;display:flex}@media (max-width:900px){.container-course-filters{align-items:stretch;gap:var(--spacing-md);flex-flow:column wrap}}.container-course-filters .course-filters-search-label{gap:var(--spacing-xs);flex-direction:column;flex:0 0 59%;width:59%;max-width:59%;display:flex;position:relative}@media (max-width:900px){.container-course-filters .course-filters-search-label{flex:0 0 100%;width:100%;max-width:100%}}.container-course-filters .course-filters-label-text{color:hsl(var(--foreground));font-size:var(--font-size-sm);opacity:.9;font-weight:500}.container-course-filters .course-filters-search-input{all:unset;background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:var(--radius);width:100%;padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);color:hsl(var(--foreground));will-change:transform,box-shadow;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.container-course-filters .course-filters-search-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.1);outline:none}.container-course-filters .course-filters-search-input:hover:not(:focus){border-color:hsl(var(--border)/.8)}.container-course-filters .course-filters-search-input::placeholder{color:hsl(var(--muted-foreground));opacity:.6}.container-course-filters .course-filters-search-input::-moz-placeholder{color:hsl(var(--muted-foreground));opacity:.6}.container-course-filters .course-filters-search-input::placeholder{color:hsl(var(--muted-foreground));opacity:.6}.container-course-filters .course-filters-search-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.1),0 2px 8px #00000026;background:hsl(var(--accent));transform:translateY(-1px)}.container-course-filters .course-filters-search-input:hover:not(:focus){border-color:hsl(var(--border)/.8);background:hsl(var(--accent));transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.container-course-filters .course-filters-search-input:focus,.container-course-filters .course-filters-search-input:hover:not(:focus){transform:none}}.container-course-filters .course-filters-category-label{gap:var(--spacing-xs);flex-direction:column;flex:0 0 36%;width:36%;max-width:36%;display:flex;position:relative}@media (max-width:900px){.container-course-filters .course-filters-category-label{flex:0 0 100%;width:100%;max-width:100%}}.container-course-filters .course-filters-category-select{all:unset;background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:var(--radius);width:100%;padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);color:hsl(var(--foreground));cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md)center;padding-right:calc(var(--spacing-xl) + 12px);background-size:12px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.container-course-filters .course-filters-category-select::placeholder{color:hsl(var(--muted-foreground));opacity:.6}.container-course-filters .course-filters-category-select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.1);outline:none}.container-course-filters .course-filters-category-select:hover:not(:focus){border-color:hsl(var(--border)/.8)}.container-course-filters .course-filters-category-select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.1),0 2px 8px #00000026;background:hsl(var(--accent));transform:translateY(-1px)}.container-course-filters .course-filters-category-select:hover:not(:focus){border-color:hsl(var(--border)/.8);background:hsl(var(--accent));transform:translateY(-1px)}.container-course-filters .course-filters-category-select option{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);font-weight:400;background:hsl(var(--card))!important;color:hsl(var(--card-foreground))!important}.container-course-filters .course-filters-category-select option:checked{background:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important}.container-course-filters .course-filters-category-select option:hover{background:hsl(var(--accent))!important}.container-course-filters .course-filters-toggle-label{gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-sm)var(--spacing-md);background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:var(--radius);align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000001a}.container-course-filters .course-filters-toggle-label:hover{background:hsl(var(--accent));border-color:hsl(var(--ring));box-shadow:0 2px 6px #0000001f}.container-course-filters .course-filters-toggle-label:has(input:checked){background:hsl(var(--primary));border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.15)}.container-course-filters .course-filters-toggle-label span{color:hsl(var(--foreground));font-size:var(--font-size-md);font-weight:500}.container-course-filters .course-filters-toggle-input{cursor:pointer;width:44px;height:24px;accent-color:hsl(var(--ring));position:relative}.container-course-filters .course-filters-toggle-input:focus{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:12px}.container-course-filters .course-filters-empty-div{display:none}.container-course-filters .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.container-course-filters{flex-direction:column}.container-course-filters .course-filters-search-label,.container-course-filters .course-filters-category-label,.container-course-filters .course-filters-category-select{width:100%}.container-course-filters .course-filters-toggle-label{justify-content:space-between;width:100%}}.container-course-card--skeleton{pointer-events:none;cursor:default}.container-course-card--skeleton .course-card-cover--skeleton{background:hsl(var(--muted));position:relative;overflow:hidden}.container-course-card--skeleton .course-card-cover--skeleton .skeleton-shimmer{background:linear-gradient(90deg,hsl(var(--muted))0%,hsl(var(--accent))50%,hsl(var(--muted))100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}.container-course-card--skeleton .course-card-meta-row--skeleton{background:hsl(var(--muted));gap:var(--spacing-sm)}.container-course-card--skeleton .course-card-meta-row--skeleton .skeleton-badge{border-radius:var(--radius);background:hsl(var(--muted));width:80px;height:24px;position:relative;overflow:hidden}.container-course-card--skeleton .skeleton-title{border-radius:var(--radius);background:hsl(var(--muted));width:80%;height:24px;margin-bottom:var(--spacing-sm);position:relative;overflow:hidden}.container-course-card--skeleton .skeleton-description{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.container-course-card--skeleton .skeleton-description .skeleton-line{border-radius:var(--radius);background:hsl(var(--muted));width:100%;height:16px;position:relative;overflow:hidden}.container-course-card--skeleton .skeleton-description .skeleton-line:last-child{width:60%}.container-course-card--skeleton .skeleton-text{border-radius:var(--radius);background:hsl(var(--muted));width:100px;height:20px;position:relative;overflow:hidden}.container-course-card--skeleton .skeleton-button{border-radius:var(--radius);background:hsl(var(--muted));width:120px;height:36px;position:relative;overflow:hidden}.container-course-card--skeleton .skeleton-shimmer{background:linear-gradient(90deg,hsl(var(--muted))0%,hsl(var(--accent))50%,hsl(var(--muted))100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.courses-empty-state{padding:var(--spacing-xxl);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.courses-empty-state__icon{margin-bottom:var(--spacing-lg);opacity:.8;font-size:4rem;animation:.6s fadeInScale}.courses-empty-state__title{font-size:var(--font-size-xxl);color:hsl(var(--foreground));margin:0 0 var(--spacing-md)0;font-weight:700;animation:.6s .2s both fadeInUp}.courses-empty-state__description{font-size:var(--font-size-md);color:hsl(var(--muted-foreground));margin:0 0 var(--spacing-lg)0;max-width:500px;line-height:1.6;animation:.6s .3s both fadeInUp}.courses-empty-state__button{all:unset;cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--spacing-xs);background:hsl(var(--primary));color:hsl(var(--primary-foreground));will-change:transform,box-shadow;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.courses-empty-state__button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.courses-empty-state__button:hover{background:hsl(var(--primary)/.9);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.courses-empty-state__button:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}@media (prefers-reduced-motion:reduce){.courses-empty-state__button:hover{transform:none}}.courses-empty-state__button{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-md);animation:.6s .4s both fadeInUp}.courses-empty-state__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040}@media (prefers-reduced-motion:reduce){.courses-empty-state__icon,.courses-empty-state__title,.courses-empty-state__description,.courses-empty-state__button,.container-course-card--skeleton .skeleton-shimmer{animation:none}}.container-create-course-modal .modal-backdrop{z-index:999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-create-course-modal .modal-content{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--card));width:min(950px,95vw);height:90vh;max-height:90vh;color:hsl(var(--card-foreground));flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 20px #0000001a}.container-create-course-modal .modal-content.success-message{animation:.3s scaleIn}.container-create-course-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));border-color:hsl(var(--border));background-color:hsl(var(--muted));justify-content:space-between;align-items:center;display:flex}.container-create-course-modal header h2{letter-spacing:-.02em;color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-create-course-modal header .close-button{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:hsl(var(--muted-foreground));background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.container-create-course-modal header .close-button:hover{background:hsl(var(--accent));background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));transform:scale(1.05)}.container-create-course-modal header .close-button:active{transform:scale(.95)}.container-create-course-modal .steps-indicator{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/.5);border-color:hsl(var(--border));background-color:hsl(var(--muted)/.5);justify-content:space-between;align-items:center;display:flex;position:relative}.container-create-course-modal .steps-indicator:before{content:"";background:hsl(var(--border));z-index:0;height:2px;position:absolute;top:50%;left:0;right:0}.container-create-course-modal .steps-indicator .step{align-items:center;gap:var(--spacing-xs);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.container-create-course-modal .steps-indicator .step .step-number{background:hsl(var(--muted));border:2px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--muted));width:40px;height:40px;color:hsl(var(--muted-foreground));border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}.container-create-course-modal .steps-indicator .step .step-label{text-align:center;color:hsl(var(--muted-foreground));font-size:.75rem;transition:all .3s}.container-create-course-modal .steps-indicator .step.active .step-number{background:hsl(var(--primary));border-color:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 12px #00000026}.container-create-course-modal .steps-indicator .step.active .step-label{color:hsl(var(--foreground));font-weight:500}.container-create-course-modal .steps-indicator .step.completed .step-number{background:hsl(var(--primary));border-color:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:0}.container-create-course-modal .steps-indicator .step.completed .step-number:before{content:"✓";font-size:1.2rem;display:block}.container-create-course-modal .steps-indicator .step.completed .step-label{color:hsl(var(--muted-foreground))}.container-create-course-modal form{flex-direction:column;flex:1;min-height:0;display:flex}.container-create-course-modal form>div:first-of-type{padding:var(--spacing-xl);flex:1;overflow:hidden auto}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar{width:8px}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.container-create-course-modal form>div:first-of-type::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground)/.5)}.container-create-course-modal .form-section{margin-bottom:var(--spacing-xxl);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));border-color:hsl(var(--border));background-color:hsl(var(--card));transition:all .3s;animation:.4s fadeIn;overflow:hidden}.container-create-course-modal .form-section:hover{background:hsl(var(--accent));border-color:hsl(var(--ring));background-color:hsl(var(--accent))}.container-create-course-modal .form-section .section-header{padding:var(--spacing-lg);background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--muted));align-items:center;gap:12px;display:flex}.container-create-course-modal .form-section .section-header i{background:hsl(var(--accent));border-radius:var(--radius);background-color:hsl(var(--accent));width:40px;height:40px;color:hsl(var(--foreground));justify-content:center;align-items:center;padding:10px;font-size:1.25rem;display:flex}.container-create-course-modal .form-section .section-header h3{letter-spacing:-.01em;color:hsl(var(--foreground));margin:0;font-size:1.125rem;font-weight:600}.container-create-course-modal .form-section .section-content{padding:var(--spacing-lg)}.container-create-course-modal label{margin-bottom:var(--spacing-lg);flex-direction:column;gap:10px;display:flex}.container-create-course-modal label:last-child{margin-bottom:0}.container-create-course-modal label span{letter-spacing:.01em;color:hsl(var(--foreground));align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.container-create-course-modal label span i{color:hsl(var(--foreground));font-size:.95rem}.container-create-course-modal label input,.container-create-course-modal label textarea,.container-create-course-modal label select{background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:var(--radius);border-color:hsl(var(--border));background-color:hsl(var(--input));width:100%;color:hsl(var(--foreground));padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.container-create-course-modal label input::-moz-placeholder{color:hsl(var(--muted-foreground))}.container-create-course-modal label textarea::-moz-placeholder{color:hsl(var(--muted-foreground))}.container-create-course-modal label select::-moz-placeholder{color:hsl(var(--muted-foreground))}.container-create-course-modal label input::placeholder,.container-create-course-modal label textarea::placeholder,.container-create-course-modal label select::placeholder{color:hsl(var(--muted-foreground))}.container-create-course-modal label input:hover,.container-create-course-modal label textarea:hover,.container-create-course-modal label select:hover{background:hsl(var(--accent));border-color:hsl(var(--ring));background-color:hsl(var(--accent))}.container-create-course-modal label input:focus,.container-create-course-modal label textarea:focus,.container-create-course-modal label select:focus{background:hsl(var(--accent));box-shadow:0 0 0 3px hsl(var(--ring)/.1);border-color:hsl(var(--ring));background-color:hsl(var(--accent));outline:none}.container-create-course-modal label textarea{resize:vertical;min-height:80px;line-height:1.5}.container-create-course-modal label select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.container-create-course-modal label select option{background:hsl(var(--card));background-color:hsl(var(--card));color:hsl(var(--card-foreground))}.container-create-course-modal label input[type=number]::-webkit-inner-spin-button{opacity:.5}.container-create-course-modal label input[type=number]::-webkit-outer-spin-button{opacity:.5}.container-create-course-modal .upload-button{background:hsl(var(--muted));border:2px dashed hsl(var(--border));border-radius:var(--radius);border-color:hsl(var(--border));background-color:hsl(var(--muted));width:100%;color:hsl(var(--foreground));cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.container-create-course-modal .upload-button i{color:hsl(var(--foreground));font-size:1.5rem}.container-create-course-modal .upload-button small{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:400}.container-create-course-modal .upload-button:hover{background:hsl(var(--accent));border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.container-create-course-modal .upload-button:active{transform:translateY(0)}.container-create-course-modal .uploaded-file-preview{background:hsl(var(--muted));border:1px solid hsl(var(--primary));border-radius:var(--radius);border-color:hsl(var(--primary));background-color:hsl(var(--muted));align-items:center;gap:12px;margin-top:12px;padding:12px 16px;animation:.3s slideIn;display:flex}.container-create-course-modal .uploaded-file-preview i.fa-check-circle{color:hsl(var(--success));font-size:1.25rem}.container-create-course-modal .uploaded-file-preview span{color:hsl(var(--foreground));flex:1;font-size:.9rem}.container-create-course-modal .uploaded-file-preview button{cursor:pointer;border-radius:var(--radius);color:hsl(var(--muted-foreground));background:0 0;border:none;padding:4px 8px;transition:all .2s}.container-create-course-modal .uploaded-file-preview button:hover{background:hsl(var(--accent));background-color:hsl(var(--accent));color:hsl(var(--foreground))}.container-create-course-modal .teacher-profile-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;border-color:hsl(var(--border));background-color:hsl(var(--muted));transition:all .2s;display:flex}.container-create-course-modal .teacher-profile-row:hover{background:hsl(var(--accent));border-color:hsl(var(--ring));background-color:hsl(var(--accent))}.container-create-course-modal .teacher-profile-row.selected{background:hsl(var(--accent));border-color:hsl(var(--primary));background-color:hsl(var(--accent))}.container-create-course-modal .teacher-profile-row .teacher-avatar{background:hsl(var(--secondary));background-color:hsl(var(--secondary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.container-create-course-modal .teacher-profile-row .teacher-avatar i{color:hsl(var(--foreground));font-size:1.75rem}.container-create-course-modal .teacher-profile-row .teacher-info{flex:1}.container-create-course-modal .teacher-profile-row .teacher-info .teacher-name{color:hsl(var(--foreground));margin-bottom:4px;font-size:1rem;font-weight:600}.container-create-course-modal .teacher-profile-row .teacher-info .teacher-role{color:hsl(var(--muted-foreground));font-size:.875rem}.container-create-course-modal .teacher-profile-row .teacher-check{background:hsl(var(--primary));background-color:hsl(var(--primary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.container-create-course-modal .teacher-profile-row .teacher-check i{color:hsl(var(--primary-foreground));font-size:.75rem}.container-create-course-modal .teachers-list{gap:var(--spacing-md);flex-direction:column;display:flex}.container-create-course-modal .empty-teachers-state{text-align:center;padding:var(--spacing-xl);color:hsl(var(--muted-foreground))}.container-create-course-modal .empty-teachers-state i{margin-bottom:var(--spacing-md);color:hsl(var(--muted-foreground));font-size:2rem}.container-create-course-modal .empty-teachers-state p{color:hsl(var(--muted-foreground));margin:0}.container-create-course-modal .selected-students-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background:hsl(var(--muted));border-radius:var(--radius);background-color:hsl(var(--muted))}.container-create-course-modal .selected-students-preview .selected-students-count{margin-bottom:var(--spacing-sm);color:hsl(var(--foreground));font-size:.875rem}.container-create-course-modal .error-message{background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);margin-top:var(--spacing-lg);border-color:hsl(var(--destructive));background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;animation:.4s shake;display:flex}.container-create-course-modal .error-message i{color:hsl(var(--destructive));font-size:1.125rem}.container-create-course-modal footer{justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-xl)var(--spacing-xl);border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.5);border-color:hsl(var(--border));background-color:hsl(var(--muted)/.5);display:flex}.container-create-course-modal footer button{cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.container-create-course-modal footer button.btn-cancel{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.container-create-course-modal footer button.btn-cancel:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));background-color:hsl(var(--secondary)/.8);transform:translateY(-1px)}.container-create-course-modal footer button.btn-cancel:active{transform:translateY(0)}.container-create-course-modal footer button.btn-cancel i{color:inherit}.container-create-course-modal footer button.btn-secondary{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.container-create-course-modal footer button.btn-secondary:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));background-color:hsl(var(--secondary)/.8);transform:translateY(-1px)}.container-create-course-modal footer button.btn-secondary:active{transform:translateY(0)}.container-create-course-modal footer button.btn-secondary i{color:inherit}.container-create-course-modal footer button.btn-primary{background:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 12px #00000026}.container-create-course-modal footer button.btn-primary:hover{background:hsl(var(--primary)/.9);background-color:hsl(var(--primary)/.9);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.container-create-course-modal footer button.btn-primary:active{transform:translateY(0)}.container-create-course-modal footer button.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.container-create-course-modal footer button.btn-primary i{color:inherit}.container-create-course-modal .success-message i{color:hsl(var(--primary))}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.container-create-lesson-modal .modal-backdrop{z-index:999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-create-lesson-modal .modal-content{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--card));width:min(950px,95vw);height:90vh;max-height:90vh;color:hsl(var(--card-foreground));animation:.3s slideUp;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 20px #0000001a}.container-create-lesson-modal .modal-content.success-message{animation:.3s scaleIn}.container-create-lesson-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));border-color:hsl(var(--border));background-color:hsl(var(--muted));justify-content:space-between;align-items:center;display:flex}.container-create-lesson-modal header h2{letter-spacing:-.02em;color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-create-lesson-modal header p{color:hsl(var(--muted-foreground))}.container-create-lesson-modal header .close-button{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:hsl(var(--muted-foreground));background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.container-create-lesson-modal header .close-button:hover{background:hsl(var(--accent));background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));transform:scale(1.05)}.container-create-lesson-modal header .close-button:active{transform:scale(.95)}.container-create-lesson-modal .steps-indicator{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--color-primary-20);background:#ffffff05;justify-content:space-between;align-items:center;display:flex;position:relative}.container-create-lesson-modal .steps-indicator:before{content:"";z-index:0;background:#ffffff1a;height:2px;position:absolute;top:50%;left:0;right:0}.container-create-lesson-modal .steps-indicator .step{align-items:center;gap:var(--spacing-xs);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.container-create-lesson-modal .steps-indicator .step .step-number{color:#ffffff80;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:flex}.container-create-lesson-modal .steps-indicator .step .step-label{color:#ffffff80;text-align:center;font-size:.75rem;transition:all .3s}.container-create-lesson-modal .steps-indicator .step.active .step-number{background:var(--background-color-2);border-color:var(--background-color-2);color:#fff;box-shadow:0 4px 12px #0000004d}.container-create-lesson-modal .steps-indicator .step.active .step-label{color:#fff;font-weight:500}.container-create-lesson-modal .steps-indicator .step.completed .step-number{background:var(--background-color-2);border-color:var(--background-color-2);color:#fff;font-size:0}.container-create-lesson-modal .steps-indicator .step.completed .step-number:before{content:"✓";font-size:1.2rem;display:block}.container-create-lesson-modal .steps-indicator .step.completed .step-label{color:#ffffffb3}.container-create-lesson-modal form{flex-direction:column;flex:1;min-height:0;display:flex}.container-create-lesson-modal form .modal-scrollable-content{padding:var(--spacing-xl);flex:1;min-height:0;overflow:hidden auto}.container-create-lesson-modal form .modal-scrollable-content::-webkit-scrollbar{width:8px}.container-create-lesson-modal form .modal-scrollable-content::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}.container-create-lesson-modal form .modal-scrollable-content::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.container-create-lesson-modal form .modal-scrollable-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground)/.5)}.container-create-lesson-modal .form-section{margin-bottom:var(--spacing-xxl);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;transition:all .3s;animation:.4s fadeIn;overflow:hidden}.container-create-lesson-modal .form-section:hover{background:#ffffff08;border-color:#ffffff1f}.container-create-lesson-modal .form-section .section-header{padding:var(--spacing-lg);background:var(--background-color-2);border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;display:flex}.container-create-lesson-modal .form-section .section-header i{color:#fff;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;font-size:1.25rem;display:flex}.container-create-lesson-modal .form-section .section-header h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.container-create-lesson-modal .form-section .section-content{padding:var(--spacing-lg)}.container-create-lesson-modal label{margin-bottom:var(--spacing-lg);flex-direction:column;gap:10px;display:flex}.container-create-lesson-modal label:last-child{margin-bottom:0}.container-create-lesson-modal label span{color:#ffffffe6;letter-spacing:.01em;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.container-create-lesson-modal label span i{color:#fff;font-size:.95rem}.container-create-lesson-modal label input,.container-create-lesson-modal label textarea,.container-create-lesson-modal label select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.container-create-lesson-modal label input::-moz-placeholder{color:#fff6}.container-create-lesson-modal label textarea::-moz-placeholder{color:#fff6}.container-create-lesson-modal label select::-moz-placeholder{color:#fff6}.container-create-lesson-modal label input::placeholder,.container-create-lesson-modal label textarea::placeholder,.container-create-lesson-modal label select::placeholder{color:#fff6}.container-create-lesson-modal label input:hover,.container-create-lesson-modal label textarea:hover,.container-create-lesson-modal label select:hover{background:#ffffff14;border-color:#fff3}.container-create-lesson-modal label input:focus,.container-create-lesson-modal label textarea:focus,.container-create-lesson-modal label select:focus{border-color:var(--background-color-2);background:#ffffff1a;outline:none;box-shadow:0 0 0 3px #0003}.container-create-lesson-modal label textarea{resize:vertical;min-height:80px;line-height:1.5}.container-create-lesson-modal label select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.container-create-lesson-modal label select option{background:var(--background-color-2);color:#fff}.container-create-lesson-modal label input[type=number]::-webkit-inner-spin-button{opacity:.5}.container-create-lesson-modal label input[type=number]::-webkit-outer-spin-button{opacity:.5}.container-create-lesson-modal .upload-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0000004d,#0003);border:2px dashed #0006;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.container-create-lesson-modal .upload-button i{color:#fff;font-size:1.5rem}.container-create-lesson-modal .upload-button small{color:#ffffff80;font-size:.75rem;font-weight:400}.container-create-lesson-modal .upload-button:hover{border-color:var(--background-color-2);background:linear-gradient(135deg,#0006,#0000004d);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.container-create-lesson-modal .upload-button:active{transform:translateY(0)}.container-create-lesson-modal .uploaded-file-preview{border:1px solid var(--background-color-2);background:#0003;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;animation:.3s slideIn;display:flex}.container-create-lesson-modal .uploaded-file-preview i.fa-check-circle{color:#fff;font-size:1.25rem}.container-create-lesson-modal .uploaded-file-preview span{color:#fff;flex:1;font-size:.9rem}.container-create-lesson-modal .uploaded-file-preview button{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:all .2s}.container-create-lesson-modal .uploaded-file-preview button:hover{color:#fff;background:#ffffff1a}.container-create-lesson-modal .resources-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.container-create-lesson-modal .resources-list .resource-tag{color:#fff;background:#0000004d;border:1px solid #0006;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;animation:.2s scaleIn;display:flex}.container-create-lesson-modal .resources-list .resource-tag i{color:#fff}.container-create-lesson-modal .resources-list .resource-tag button{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex}.container-create-lesson-modal .resources-list .resource-tag button:hover{color:hsl(var(--destructive))}.container-create-lesson-modal .error-message{background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);margin-top:var(--spacing-lg);border-color:hsl(var(--destructive));background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;animation:.4s shake;display:flex}.container-create-lesson-modal .error-message i{color:hsl(var(--destructive));font-size:1.125rem}.container-create-lesson-modal footer{justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-xl)var(--spacing-xl);border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.5);border-color:hsl(var(--border));background-color:hsl(var(--muted)/.5);display:flex}.container-create-lesson-modal footer button{cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.container-create-lesson-modal footer button.btn-cancel{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.container-create-lesson-modal footer button.btn-cancel:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));background-color:hsl(var(--secondary)/.8);transform:translateY(-1px)}.container-create-lesson-modal footer button.btn-cancel:active{transform:translateY(0)}.container-create-lesson-modal footer button.btn-cancel i{color:inherit}.container-create-lesson-modal footer button.btn-secondary{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.container-create-lesson-modal footer button.btn-secondary:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));background-color:hsl(var(--secondary)/.8);transform:translateY(-1px)}.container-create-lesson-modal footer button.btn-secondary:active{transform:translateY(0)}.container-create-lesson-modal footer button.btn-secondary i{color:inherit}.container-create-lesson-modal footer button.btn-primary{background:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 12px #00000026}.container-create-lesson-modal footer button.btn-primary:hover{background:hsl(var(--primary)/.9);background-color:hsl(var(--primary)/.9);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.container-create-lesson-modal footer button.btn-primary:active{transform:translateY(0)}.container-create-lesson-modal footer button.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.container-create-lesson-modal footer button.btn-primary i{color:inherit}.container-create-lesson-modal .success-message i{color:var(--background-color-2)}.container-enroll-dialog .modal-card{animation:.2s fadeIn;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:999999!important;padding:var(--spacing-lg)!important;box-sizing:border-box!important;background:#000000bf!important;background:hsl(var(--card))!important;width:min(420px,92vw)!important;height:auto!important;max-height:90vh!important;color:hsl(var(--card-foreground))!important;border-radius:var(--radius)!important;border:1px solid hsl(var(--border))!important;padding:var(--spacing-xl)!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:auto!important;animation:.3s cubic-bezier(.4,0,.2,1) slideUp!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden auto!important;box-shadow:0 20px 60px #00000026!important}.container-enroll-dialog .modal-card::-webkit-scrollbar{width:6px}.container-enroll-dialog .modal-card::-webkit-scrollbar-track{background:0 0}.container-enroll-dialog .modal-card::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.3);border-radius:3px;transition:background .2s}.container-enroll-dialog .modal-card::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}.container-enroll-dialog .modal-card h2{font-size:var(--font-size-xxl);margin:0 0 var(--spacing-md)0;color:hsl(var(--foreground));font-weight:700}.container-enroll-dialog .modal-card p{font-size:var(--font-size-md);margin:var(--spacing-md)0;color:hsl(var(--muted-foreground));line-height:1.5}.container-enroll-dialog .modal-card footer{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid hsl(var(--border));border-color:hsl(var(--border));flex-shrink:0;justify-content:flex-end;display:flex}.container-enroll-dialog .modal-card footer button{all:unset;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-md);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.container-enroll-dialog .modal-card footer button[type=button]{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.container-enroll-dialog .modal-card footer button[type=button]:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));background-color:hsl(var(--secondary)/.8);transform:translateY(-1px)}.container-enroll-dialog .modal-card footer button[type=button]:active{transform:translateY(0)}.container-enroll-dialog .modal-card footer button:not([type=button]){background:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none}.container-enroll-dialog .modal-card footer button:not([type=button]):hover{background:hsl(var(--primary)/.9);background-color:hsl(var(--primary)/.9);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.container-enroll-dialog .modal-card footer button:not([type=button]):active{transform:translateY(0)}.container-enroll-dialog .modal-card footer button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;outline-color:hsl(var(--ring))}.container-enroll-dialog .modal-card footer button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:600px){.container-enroll-dialog .modal-card{width:95vw;max-height:95vh;padding:var(--spacing-lg)}.container-enroll-dialog .modal-card h2{font-size:var(--font-size-xl)}.container-enroll-dialog .modal-card footer{flex-direction:column-reverse}.container-enroll-dialog .modal-card footer button{text-align:center;width:100%}}.container-role-select{gap:var(--spacing-xs);background:hsl(var(--card));border:1px solid hsl(var(--border));padding:var(--spacing-xs);color:hsl(var(--card-foreground));border-radius:50px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.container-role-select .role-select-button{all:unset;cursor:pointer;padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-sm);color:hsl(var(--foreground));z-index:1;white-space:nowrap;text-transform:capitalize;background:0 0;border-radius:50px;font-family:inherit;font-weight:600;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.container-role-select .role-select-button:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.container-role-select .role-select-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;color:hsl(var(--foreground));box-shadow:0 0 0 4px hsl(var(--ring)/.2)}.container-role-select .role-select-button[data-active=true]{color:hsl(var(--primary-foreground));background:hsl(var(--primary));box-shadow:0 2px 8px #0003}.container-role-select .role-select-button[data-active=true]:before{content:"";background:linear-gradient(135deg,hsl(var(--ring)),hsl(var(--primary)));opacity:.3;z-index:-1;border-radius:50px;position:absolute;inset:0}@media (max-width:600px){.container-role-select{border-radius:var(--radius);flex-direction:column}.container-role-select .role-select-button{text-align:center;border-radius:var(--radius);width:100%}}.container-media-upload-modal .modal-backdrop{z-index:9999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-media-upload-modal .modal-content{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--card));width:min(800px,95vw);height:85vh;max-height:85vh;color:hsl(var(--card-foreground));flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.container-media-upload-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));border-color:hsl(var(--border));background-color:hsl(var(--muted))}.container-media-upload-modal header h2{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-media-upload-modal header h2 i{color:hsl(var(--foreground))}.container-media-upload-modal header p{color:hsl(var(--muted-foreground))}.container-media-upload-modal header .close-button{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:hsl(var(--muted-foreground));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.container-media-upload-modal header .close-button:hover{background:hsl(var(--accent));background-color:hsl(var(--accent));color:hsl(var(--foreground))}.container-media-upload-modal>div>div:nth-child(2) button i{color:inherit}.container-media-upload-modal>div>div:nth-child(3){flex:1;overflow:hidden auto}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar{width:8px}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.container-media-upload-modal>div>div:nth-child(3)::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground)/.5)}.container-media-upload-modal footer{padding:var(--spacing-md)var(--spacing-xl);border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.5);justify-content:flex-end;gap:var(--spacing-md);border-color:hsl(var(--border));background-color:hsl(var(--muted)/.5);display:flex}.container-media-upload-modal footer .btn-primary{background:hsl(var(--primary));border-radius:var(--radius);cursor:pointer;background-color:hsl(var(--primary));min-width:100px;color:hsl(var(--primary-foreground));border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000026}.container-media-upload-modal footer .btn-primary:hover:not(:disabled){background:hsl(var(--primary)/.9);background-color:hsl(var(--primary)/.9);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.container-media-upload-modal footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:hsl(var(--muted));background-color:hsl(var(--muted));transform:none}.container-media-upload-modal footer .btn-primary:active:not(:disabled){transform:translateY(0)}.container-media-upload-modal footer .btn-primary i{color:inherit}.container-students-select-modal .modal-backdrop{z-index:9999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-students-select-modal .modal-content{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--card));width:min(800px,95vw);height:85vh;max-height:85vh;color:hsl(var(--card-foreground));flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.container-students-select-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));border-color:hsl(var(--border));background-color:hsl(var(--muted))}.container-students-select-modal header h2{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-students-select-modal header p{color:hsl(var(--muted-foreground))}.container-students-select-modal header button{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:hsl(var(--muted-foreground));background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.container-students-select-modal header button:hover{background:hsl(var(--accent));background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.container-students-select-modal>div>div:nth-child(3){flex:1;overflow:hidden auto}.container-students-select-modal>div>div:nth-child(3)::-webkit-scrollbar{width:8px}.container-students-select-modal>div>div:nth-child(3)::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}.container-students-select-modal>div>div:nth-child(3)::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.container-students-select-modal>div>div:nth-child(3)::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground)/.5)}.container-students-select-modal footer button i{color:inherit}.container-course-details-modal .modal-backdrop{z-index:999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-course-details-modal .modal-content{background:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--card));width:min(1200px,95vw);height:90vh;max-height:90vh;color:hsl(var(--card-foreground));flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.container-course-details-modal .modal-content>header,.container-course-details-modal .modal-content>footer{flex-shrink:0}.container-course-details-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));border-color:hsl(var(--border));background-color:hsl(var(--muted))}.container-course-details-modal header h2{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-course-details-modal header p{color:hsl(var(--muted-foreground))}.container-course-details-modal header .close-button{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:hsl(var(--muted-foreground));background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.container-course-details-modal header .close-button:hover{background:hsl(var(--accent));background-color:hsl(var(--accent));color:hsl(var(--foreground))}.container-course-details-modal header .close-button:active{transform:scale(.95)}.container-course-details-modal .modal-scrollable-content{padding:var(--spacing-xl);scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground))hsl(var(--muted));flex:auto;max-height:100%;overflow:hidden auto}.container-course-details-modal .modal-scrollable-content::-webkit-scrollbar{width:8px}.container-course-details-modal .modal-scrollable-content::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}.container-course-details-modal .modal-scrollable-content::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.container-course-details-modal .modal-scrollable-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground)/.5)}.container-course-details-modal .section-header{padding:var(--spacing-lg);background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));border-radius:var(--radius)var(--radius)0 0;margin-bottom:var(--spacing-lg);border-color:hsl(var(--border));background-color:hsl(var(--muted));align-items:center;gap:12px;display:flex}.container-course-details-modal .section-header h3{color:hsl(var(--foreground));margin:0;font-size:1.125rem;font-weight:600}.container-course-details-modal .section-header h3 i{color:hsl(var(--foreground))}.container-course-details-modal .teacher-card,.container-course-details-modal .student-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);border-color:hsl(var(--border));background-color:hsl(var(--muted));display:flex}.container-course-details-modal .teacher-card .avatar,.container-course-details-modal .student-card .avatar{background:hsl(var(--secondary));background-color:hsl(var(--secondary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.container-course-details-modal .teacher-card .avatar i,.container-course-details-modal .student-card .avatar i{color:hsl(var(--foreground));font-size:1.75rem}.container-course-details-modal .teacher-card .info,.container-course-details-modal .student-card .info{flex:1}.container-course-details-modal .teacher-card .info .name,.container-course-details-modal .student-card .info .name{color:hsl(var(--foreground));margin-bottom:4px;font-size:1rem;font-weight:600}.container-course-details-modal .teacher-card .info .role,.container-course-details-modal .student-card .info .role{color:hsl(var(--muted-foreground));font-size:.875rem}.container-course-details-modal .student-card .avatar{width:40px;height:40px}.container-course-details-modal .student-card .avatar i{font-size:1.25rem}.container-course-details-modal .student-card .info .name{font-size:.95rem}.container-course-details-modal .student-card .info .role{font-size:.8rem}.container-course-details-modal .empty-state{text-align:center;padding:var(--spacing-xl);color:hsl(var(--muted-foreground))}.container-course-details-modal .empty-state p{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem}.container-course-details-modal .loading-state{padding:var(--spacing-xl);text-align:center;color:hsl(var(--muted-foreground))}.container-course-details-modal .loading-state i{margin-bottom:var(--spacing-md);color:hsl(var(--muted-foreground));font-size:1.5rem}.container-course-details-modal .loading-state p{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem}.container-course-details-modal .error-state{padding:var(--spacing-md);background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);border-color:hsl(var(--destructive));background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));font-size:.875rem}.container-course-details-modal .btn-secondary{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;border-color:hsl(var(--border));background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));padding:8px 16px;font-size:.875rem;transition:all .2s}.container-course-details-modal .btn-secondary:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));background-color:hsl(var(--secondary)/.8)}.container-course-details-modal .btn-link{cursor:pointer;color:hsl(var(--muted-foreground));background:0 0;border:none;font-size:.875rem;transition:all .2s}.container-course-details-modal .btn-link:hover{color:hsl(var(--foreground))}.container-course-details-modal .btn-destructive{background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.3);border-radius:var(--radius);cursor:pointer;border-color:hsl(var(--destructive)/.3);background-color:hsl(var(--destructive)/.1);color:hsl(var(--destructive));padding:6px 12px;font-size:.875rem;transition:all .2s}.container-course-details-modal .btn-destructive:hover{background:hsl(var(--destructive)/.2);border-color:hsl(var(--destructive));background-color:hsl(var(--destructive)/.2)}.container-course-details-modal .students-list-container{padding:var(--spacing-lg);background:hsl(var(--muted));border-radius:var(--radius);border:1px solid hsl(var(--border));border-color:hsl(var(--border));background-color:hsl(var(--muted))}.container-course-details-modal .students-list-container .students-list-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.container-course-details-modal .students-list-container .students-list-header span{color:hsl(var(--foreground));font-size:.875rem}.container-course-details-modal .students-list-container .students-list{gap:var(--spacing-sm);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.container-course-details-modal .students-list-container .students-list::-webkit-scrollbar{width:6px}.container-course-details-modal .students-list-container .students-list::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:3px}.container-course-details-modal .students-list-container .students-list::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:3px}.container-course-details-modal .students-list-container .students-list::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground)/.5)}.container-course-details-modal .lesson-card{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);border-color:hsl(var(--border));background-color:hsl(var(--muted));transition:all .2s;overflow:hidden}.container-course-details-modal .lesson-card:hover{border-color:hsl(var(--ring));transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.container-course-details-modal .lesson-card .lesson-cover{aspect-ratio:16/9;background:hsl(var(--secondary));background-color:hsl(var(--secondary));justify-content:center;align-items:center;width:100%;display:flex}.container-course-details-modal .lesson-card .lesson-cover i{color:hsl(var(--foreground));font-size:3rem}.container-course-details-modal .lesson-card .lesson-content{padding:var(--spacing-md)}.container-course-details-modal .lesson-card .lesson-content .lesson-order{color:hsl(var(--muted-foreground));margin-bottom:4px;font-size:.75rem}.container-course-details-modal .lesson-card .lesson-content .lesson-title{color:hsl(var(--foreground));margin:0 0 8px;font-size:.95rem;font-weight:600}.container-course-details-modal .lesson-card .lesson-content .lesson-description{color:hsl(var(--muted-foreground));margin:0 0 8px;font-size:.875rem;line-height:1.4}.container-course-details-modal .lesson-card .lesson-content .lesson-duration{color:hsl(var(--muted-foreground));align-items:center;gap:4px;font-size:.8rem;display:flex}.container-course-details-modal footer{padding:var(--spacing-md)var(--spacing-xl)var(--spacing-xl);border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.5);justify-content:flex-end;gap:var(--spacing-md);border-color:hsl(var(--border));background-color:hsl(var(--muted)/.5);display:flex}.container-course-details-modal footer button{background:hsl(var(--primary));border-radius:var(--radius);cursor:pointer;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000026}.container-course-details-modal footer button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.container-course-details-modal footer button:active{transform:translateY(0)}.container-students-view{gap:var(--spacing-xl);padding:var(--spacing-xl);background:hsl(var(--background));width:100%;min-height:100vh;color:hsl(var(--foreground));flex-direction:column;animation:.5s fadeIn;display:flex}.students-header{margin-bottom:var(--spacing-md);opacity:0;justify-content:space-between;align-items:center;animation:.6s forwards fadeInSlide;display:flex}.students-title{color:hsl(var(--foreground));font-size:var(--font-size-xxxl);margin:0;font-weight:800;animation:.6s .2s both slideInLeft}.students-list-container{gap:var(--spacing-lg);flex-direction:column;animation:.5s .4s both fadeIn;display:flex}.students-list-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.students-count{color:hsl(var(--muted-foreground));font-size:var(--font-size-md);font-weight:500}.students-list{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:768px){.students-list{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.students-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1280px){.students-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1281px) and (max-width:1600px){.students-list{grid-template-columns:repeat(4,1fr)}}@media (min-width:1601px){.students-list{grid-template-columns:repeat(5,1fr)}}.students-empty{padding:var(--spacing-xxl);background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);min-height:300px;color:hsl(var(--muted-foreground));flex-direction:column;justify-content:center;align-items:center;display:flex}.students-empty i{color:hsl(var(--muted-foreground));margin-bottom:var(--spacing-md);font-size:3rem}.students-empty p{color:hsl(var(--muted-foreground));margin:0;font-size:1rem}@media (max-width:900px){.container-students-view{padding:var(--spacing-lg)}.students-title{font-size:var(--font-size-xxl)}}@media (max-width:600px){.container-students-view{padding:var(--spacing-md)}.students-title{font-size:var(--font-size-xl)}}.students-error{padding:var(--spacing-md);background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);color:hsl(var(--destructive));margin-bottom:var(--spacing-lg)}.students-loading{padding:var(--spacing-xxl);text-align:center;color:hsl(var(--muted-foreground))}.students-loading i{margin-bottom:var(--spacing-md);font-size:2rem}.students-loading p{color:hsl(var(--muted-foreground));margin:0}@media (max-width:900px){.container-students-view{padding:var(--spacing-lg)}.students-title{font-size:var(--font-size-xxl)}}@media (max-width:600px){.container-students-view{padding:var(--spacing-md)}.students-title{font-size:var(--font-size-xl)}}.container-student-filters{gap:var(--spacing-lg);margin:var(--spacing-xl)0;padding:var(--spacing-lg);background:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:var(--radius);border:1px solid hsl(var(--border));opacity:0;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;animation:.5s .2s forwards fadeInScale;display:flex}@media (max-width:900px){.container-student-filters{align-items:stretch;gap:var(--spacing-md);flex-flow:column wrap}}.student-filters-search-label{gap:var(--spacing-xs);flex-direction:column;flex:0 0 59%;width:59%;max-width:59%;display:flex;position:relative}@media (max-width:900px){.student-filters-search-label{flex:0 0 100%;width:100%;max-width:100%}}.student-filters-label-text{color:hsl(var(--foreground));font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.student-filters-label-text i{font-size:.875rem}.student-filters-search-input{all:unset;background:hsl(var(--background));width:100%;color:hsl(var(--foreground));border:1px solid hsl(var(--input));border-radius:var(--radius);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-md);box-shadow:0 1px 3px hsl(var(--foreground)/.1);font-family:inherit;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.student-filters-search-input::placeholder{color:hsl(var(--muted-foreground))}.student-filters-search-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);background:hsl(var(--background));outline:none;transform:translateY(-1px)}.student-filters-search-input:hover:not(:focus){border-color:hsl(var(--border));background:hsl(var(--background));transform:translateY(-1px)}.student-filters-position-label{gap:var(--spacing-xs);flex-direction:column;flex:0 0 36%;width:36%;max-width:36%;display:flex;position:relative}@media (max-width:900px){.student-filters-position-label{flex:0 0 100%;width:100%;max-width:100%}}.student-filters-position-select{all:unset;background:hsl(var(--background));min-width:180px;color:hsl(var(--foreground));border:1px solid hsl(var(--input));border-radius:var(--radius);padding:var(--spacing-md)var(--spacing-xl)var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md)center;box-shadow:0 1px 3px hsl(var(--foreground)/.1);background-size:12px;font-family:inherit;font-weight:500;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-filters-position-select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);background:hsl(var(--background));outline:none;transform:translateY(-1px)}.student-filters-position-select:hover:not(:focus){border-color:hsl(var(--border));background:hsl(var(--background));transform:translateY(-1px)}.student-filters-position-select option{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);font-weight:400;background:hsl(var(--background))!important;color:hsl(var(--foreground))!important}.student-filters-position-select option:checked{background:hsl(var(--accent))!important;color:hsl(var(--accent-foreground))!important}.student-filters-position-select option:hover{background:hsl(var(--accent)/.8)!important}@media (max-width:900px){.container-student-filters{flex-direction:column}.student-filters-search-label,.student-filters-position-label,.student-filters-position-select{width:100%}}.student-row{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);animation:.4s forwards fadeInUp;animation-delay:calc(var(--index,0)*50ms);opacity:0;width:100%;box-shadow:0 1px 3px hsl(var(--foreground)/.1);z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.student-row.student-row-menu-open{z-index:1000000}.student-row:before{content:"";background:linear-gradient(90deg,transparent,hsl(var(--border)),transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.student-row:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.15);border-color:hsl(var(--ring));transform:translateY(-2px)}.student-row:hover:before{opacity:0}.student-row:active{transform:translateY(-2px)scale(1)}.student-row-main{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);display:flex}.student-photo{background:hsl(var(--muted));border:2px solid hsl(var(--border));width:56px;height:56px;box-shadow:0 1px 3px hsl(var(--foreground)/.1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.student-row:hover .student-photo{border-color:hsl(var(--ring));box-shadow:0 2px 8px hsl(var(--foreground)/.15);transform:scale(1.02)}.student-photo img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.student-photo i{color:hsl(var(--muted-foreground));font-size:1.5rem}.student-info{flex:1;min-width:0}.student-name-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.student-name{font-size:var(--font-size-lg);color:hsl(var(--foreground));margin:0;font-weight:700;line-height:1.3;transition:color .3s}.student-row:hover .student-name{color:hsl(var(--foreground))}.student-position{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));font-weight:500}.student-uid{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));margin-top:var(--spacing-xs)}.student-courses{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.student-courses:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));box-shadow:0 2px 8px hsl(var(--foreground)/.1);transform:translateY(-1px)}.student-courses:active{transform:translateY(0)}.student-courses i{color:hsl(var(--secondary-foreground));font-size:.875rem;transition:transform .3s}.student-courses:hover i{transform:scale(1.05)}.student-last-login{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));white-space:nowrap;display:flex}.student-last-login i{color:hsl(var(--muted-foreground));font-size:.875rem}.student-actions{z-index:1000000;flex-shrink:0;position:relative}.student-menu-button{all:unset;cursor:pointer;border-radius:var(--radius);width:36px;height:36px;color:hsl(var(--muted-foreground));background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.student-menu-button:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.student-menu-button:active{transform:scale(.95)}.student-menu-button i{font-size:1rem}.student-menu-dropdown{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 8px 24px hsl(var(--foreground)/.15),0 4px 12px hsl(var(--foreground)/.1);z-index:99999999;min-width:280px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.student-menu-item{all:unset;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md)var(--spacing-lg);color:hsl(var(--foreground));font-size:var(--font-size-sm);cursor:pointer;text-align:left;background:0 0;border:none;transition:all .2s;display:flex}.student-menu-item i{text-align:center;width:18px;color:hsl(var(--muted-foreground));font-size:.875rem}.student-menu-item:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.student-menu-item:hover i{color:hsl(var(--accent-foreground))}.student-menu-item:active{background:hsl(var(--accent)/.8)}.student-menu-item-danger,.student-menu-item-danger i{color:hsl(var(--destructive))}.student-menu-item-danger:hover{background:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}.student-menu-item-danger:hover i{color:hsl(var(--destructive))}.student-menu-divider{background:hsl(var(--border));height:1px;margin:var(--spacing-xs)0}@media (max-width:900px){.student-row-main{gap:var(--spacing-md);flex-wrap:wrap}.student-info{flex:100%;min-width:0}.student-courses,.student-last-login{flex:auto}}@media (max-width:600px){.student-row-main{padding:var(--spacing-md)}.student-photo{width:48px;height:48px}.student-photo i{font-size:1.25rem}.student-name{font-size:var(--font-size-md)}.student-courses,.student-last-login{font-size:var(--font-size-xs);padding:var(--spacing-xs)var(--spacing-sm)}.student-menu-dropdown{min-width:200px;left:0;right:auto}}.student-pagination{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)0;display:flex}.pagination-pages{align-items:center;gap:var(--spacing-xs);display:flex}.pagination-button{all:unset;cursor:pointer;min-width:40px;height:40px;font-size:var(--font-size-sm);color:#ffffffb3;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-weight:500;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){color:#fff;background:#ffffff0d;border-color:#ffffff1a}.pagination-button:active:not(:disabled){transform:scale(.95)}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-button:focus-visible{outline:2px solid var(--color-seven);outline-offset:2px}.pagination-button-page.pagination-button-active{background:var(--background-color-2);border-color:var(--background-color-2);color:#fff;font-weight:600;box-shadow:0 2px 8px #0003}.pagination-ellipsis{color:#ffffff80;font-size:var(--font-size-sm);padding:0 var(--spacing-sm);-webkit-user-select:none;user-select:none}.pagination-button-prev i,.pagination-button-next i{font-size:.875rem}@media (max-width:600px){.student-pagination{gap:var(--spacing-xs)}.pagination-button{min-width:36px;height:36px;font-size:var(--font-size-xs)}.pagination-ellipsis{padding:0 var(--spacing-xs)}}.container-student-courses-modal .modal-backdrop{z-index:999999;background:hsl(var(--background)/.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-student-courses-modal .modal-content{background:hsl(var(--card));width:min(800px,95vw);max-height:90vh;color:hsl(var(--card-foreground));border-radius:var(--radius);border:1px solid hsl(var(--border));box-shadow:0 20px 60px hsl(var(--foreground)/.15);flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden}.container-student-courses-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));flex-shrink:0}.container-student-courses-modal header .header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);width:100%;display:flex}.container-student-courses-modal header .header-text{flex:1}.container-student-courses-modal header .header-text h2{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-student-courses-modal header .header-text p{margin:var(--spacing-xs)0 0 0;font-size:var(--font-size-sm);color:hsl(var(--muted-foreground))}.container-student-courses-modal .close-button{all:unset;cursor:pointer;border-radius:var(--radius);width:36px;height:36px;color:hsl(var(--muted-foreground));justify-content:center;align-items:center;transition:all .2s;display:flex}.container-student-courses-modal .close-button:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.container-student-courses-modal .close-button:active{transform:scale(.95)}.container-student-courses-modal .close-button i{font-size:1rem}.container-student-courses-modal .modal-scrollable-content{padding:var(--spacing-xl);scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground))hsl(var(--muted));flex:auto;max-height:100%;overflow:hidden auto}.container-student-courses-modal .modal-scrollable-content::-webkit-scrollbar{width:8px}.container-student-courses-modal .modal-scrollable-content::-webkit-scrollbar-track{background:hsl(var(--muted))}.container-student-courses-modal .modal-scrollable-content::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.container-student-courses-modal .modal-scrollable-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground))}.container-student-courses-modal .courses-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.container-student-courses-modal .courses-header h3{font-size:var(--font-size-lg);color:hsl(var(--foreground));margin:0;font-weight:600}.container-student-courses-modal .courses-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.container-student-courses-modal .course-item{padding:var(--spacing-md);background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.container-student-courses-modal .course-item:hover{background:hsl(var(--accent));border-color:hsl(var(--ring))}.container-student-courses-modal .course-info{flex:1}.container-student-courses-modal .course-info h4{font-size:var(--font-size-md);color:hsl(var(--foreground));margin:0;margin-bottom:var(--spacing-xs);font-weight:600}.container-student-courses-modal .course-meta{gap:var(--spacing-md);font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));display:flex}.container-student-courses-modal .remove-button{all:unset;cursor:pointer;border-radius:var(--radius);width:32px;height:32px;color:hsl(var(--destructive));justify-content:center;align-items:center;transition:all .2s;display:flex}.container-student-courses-modal .remove-button:hover{background:hsl(var(--destructive)/.1)}.container-student-courses-modal .add-course-section{padding:var(--spacing-lg);background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:var(--radius)}.container-student-courses-modal .add-course-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.container-student-courses-modal .add-course-header h3{font-size:var(--font-size-lg);color:hsl(var(--foreground));margin:0;font-weight:600}.container-student-courses-modal .search-container{margin-bottom:var(--spacing-md)}.container-student-courses-modal .available-courses-list{gap:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground))hsl(var(--muted));flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.container-student-courses-modal .available-courses-list::-webkit-scrollbar{width:8px}.container-student-courses-modal .available-courses-list::-webkit-scrollbar-track{background:hsl(var(--muted))}.container-student-courses-modal .available-courses-list::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.container-student-courses-modal .available-courses-list::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground))}.container-student-courses-modal .search-input{width:100%;padding:var(--spacing-md);background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius);color:hsl(var(--foreground));font-size:var(--font-size-sm);font-family:inherit;transition:all .2s}.container-student-courses-modal .search-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);outline:none}.container-student-courses-modal .search-input::placeholder{color:hsl(var(--muted-foreground))}.container-student-courses-modal .available-course-button{all:unset;cursor:pointer;padding:var(--spacing-md);background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:center;width:100%;transition:all .2s;display:flex}.container-student-courses-modal .available-course-button:hover{background:hsl(var(--accent));border-color:hsl(var(--ring))}.container-student-courses-modal .available-course-button .course-info{flex:1}.container-student-courses-modal .available-course-button .course-info h4{font-size:var(--font-size-md);color:hsl(var(--foreground));margin:0;margin-bottom:var(--spacing-xs);font-weight:600}.container-student-courses-modal .available-course-button .course-info p{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));margin:0;margin-bottom:var(--spacing-xs)}.container-student-courses-modal .available-course-button .course-info .course-meta{gap:var(--spacing-md);font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));display:flex}.container-student-courses-modal .available-course-button i{color:hsl(var(--primary));margin-left:var(--spacing-md);font-size:1rem}.container-student-courses-modal .empty-state{padding:var(--spacing-xl);text-align:center;color:hsl(var(--muted-foreground));font-size:var(--font-size-sm)}.container-student-courses-modal .empty-state i{margin-bottom:var(--spacing-md);opacity:.3;font-size:2rem}.container-student-courses-modal .empty-state p{margin:0}.container-student-courses-modal .loading-state{padding:var(--spacing-xl);text-align:center;color:hsl(var(--muted-foreground))}.container-student-courses-modal .loading-state i{margin-bottom:var(--spacing-md);font-size:2rem}.container-student-courses-modal .loading-state p{margin:0}.container-student-courses-modal .error-state{padding:var(--spacing-md);background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);color:hsl(var(--destructive));font-size:var(--font-size-sm)}.container-student-courses-modal .add-course-button{all:unset;cursor:pointer;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;transition:all .2s;display:flex}.container-student-courses-modal .add-course-button:hover{opacity:.9;transform:translateY(-1px)}.container-student-courses-modal .add-course-button:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.container-confirm-modal .modal-backdrop{z-index:999999;background:hsl(var(--background)/.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-confirm-modal .modal-content{background:hsl(var(--card));width:min(450px,95vw);max-height:90vh;color:hsl(var(--card-foreground));border-radius:var(--radius);border:1px solid hsl(var(--border));box-shadow:0 20px 60px hsl(var(--foreground)/.15);flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden}.container-confirm-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));flex-shrink:0}.container-confirm-modal header.header-danger{background:hsl(var(--destructive)/.1)}.container-confirm-modal header .header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);width:100%;display:flex}.container-confirm-modal header .header-text{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.container-confirm-modal header .header-text h2{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-confirm-modal header .header-text .header-icon{color:hsl(var(--destructive));font-size:1.5rem}.container-confirm-modal .close-button{all:unset;cursor:pointer;border-radius:var(--radius);width:36px;height:36px;color:hsl(var(--muted-foreground));justify-content:center;align-items:center;transition:all .2s;display:flex}.container-confirm-modal .close-button:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.container-confirm-modal .close-button:active{transform:scale(.95)}.container-confirm-modal .close-button i{font-size:1rem}.container-confirm-modal .modal-body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.container-confirm-modal .modal-body p{font-size:var(--font-size-md);color:hsl(var(--foreground));margin:0;line-height:1.6}.container-confirm-modal footer{padding:var(--spacing-xl);border-top:1px solid hsl(var(--border));justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0;display:flex}.container-confirm-modal .cancel-button{all:unset;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);color:hsl(var(--foreground));background:hsl(var(--secondary));border:1px solid hsl(var(--border));font-weight:500;transition:all .2s}.container-confirm-modal .cancel-button:hover:not(:disabled){background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring))}.container-confirm-modal .cancel-button:active:not(:disabled){transform:translateY(0)}.container-confirm-modal .cancel-button:disabled{opacity:.6;cursor:not-allowed}.container-confirm-modal .confirm-button{all:unset;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);color:hsl(var(--primary-foreground));background:hsl(var(--primary));align-items:center;gap:var(--spacing-sm);font-weight:500;transition:all .2s;display:flex}.container-confirm-modal .confirm-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.container-confirm-modal .confirm-button:active:not(:disabled){transform:translateY(0)}.container-confirm-modal .confirm-button:disabled{opacity:.6;cursor:not-allowed}.container-confirm-modal .confirm-button i{font-size:.875rem}.container-confirm-modal .confirm-button-danger{all:unset;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);color:hsl(var(--destructive-foreground));background:hsl(var(--destructive));align-items:center;gap:var(--spacing-sm);font-weight:500;transition:all .2s;display:flex}.container-confirm-modal .confirm-button-danger:hover:not(:disabled){opacity:.9;background:hsl(var(--destructive)/.9);transform:translateY(-1px)}.container-confirm-modal .confirm-button-danger:active:not(:disabled){transform:translateY(0)}.container-confirm-modal .confirm-button-danger:disabled{opacity:.6;cursor:not-allowed}.container-confirm-modal .confirm-button-danger i{font-size:.875rem}.container-reset-password-modal .modal-backdrop{z-index:999999;background:hsl(var(--background)/.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-reset-password-modal .modal-content{background:hsl(var(--card));width:min(500px,95vw);max-height:90vh;color:hsl(var(--card-foreground));border-radius:var(--radius);border:1px solid hsl(var(--border));box-shadow:0 20px 60px hsl(var(--foreground)/.15);flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden}.container-reset-password-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));flex-shrink:0}.container-reset-password-modal header .header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);width:100%;display:flex}.container-reset-password-modal header .header-text{flex:1}.container-reset-password-modal header .header-text h2{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-reset-password-modal header .header-text p{margin:var(--spacing-xs)0 0 0;font-size:var(--font-size-sm);color:hsl(var(--muted-foreground))}.container-reset-password-modal .close-button{all:unset;cursor:pointer;border-radius:var(--radius);width:36px;height:36px;color:hsl(var(--muted-foreground));flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.container-reset-password-modal .close-button:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.container-reset-password-modal .close-button:active{transform:scale(.95)}.container-reset-password-modal .close-button i{font-size:1rem}.container-reset-password-modal .modal-body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.container-reset-password-modal .password-display{gap:var(--spacing-md);flex-direction:column;display:flex}.container-reset-password-modal .password-label{font-size:var(--font-size-sm);color:hsl(var(--foreground));font-weight:500}.container-reset-password-modal .password-input-group{gap:var(--spacing-sm);align-items:center;display:flex}.container-reset-password-modal .password-input{padding:var(--spacing-md);background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius);color:hsl(var(--foreground));font-size:var(--font-size-md);letter-spacing:.1em;flex:1;font-family:Courier New,monospace;font-weight:600}.container-reset-password-modal .password-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);outline:none}.container-reset-password-modal .copy-button{all:unset;cursor:pointer;min-width:40px;height:40px;padding:0 var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius);background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));font-size:var(--font-size-sm);font-weight:500;transition:all .2s;display:flex}.container-reset-password-modal .copy-button:hover{background:hsl(var(--secondary)/.8);transform:scale(1.05)}.container-reset-password-modal .copy-button:active{transform:scale(.95)}.container-reset-password-modal .copy-button.copied{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.container-reset-password-modal .copy-button.copied i{color:hsl(var(--primary-foreground))}.container-reset-password-modal .copy-button i{font-size:1rem}.container-reset-password-modal .copy-button span{font-size:var(--font-size-sm);font-weight:500}.container-reset-password-modal .password-warning{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.3);border-radius:var(--radius);color:hsl(var(--destructive));font-size:var(--font-size-sm);margin:0;display:flex}.container-reset-password-modal .password-warning i{font-size:1rem}.container-reset-password-modal footer{padding:var(--spacing-xl);border-top:1px solid hsl(var(--border));justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0;display:flex}.container-reset-password-modal .confirm-button{all:unset;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);color:hsl(var(--primary-foreground));background:hsl(var(--primary));align-items:center;gap:var(--spacing-sm);font-weight:500;transition:all .2s;display:flex}.container-reset-password-modal .confirm-button:hover{opacity:.9;transform:translateY(-1px)}.container-reset-password-modal .confirm-button:active{transform:translateY(0)}.container-reset-password-modal .confirm-button:disabled{opacity:.5;cursor:not-allowed}.container-download-instructive-modal .modal-backdrop{z-index:999999;background:hsl(var(--background)/.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--spacing-lg);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.container-download-instructive-modal .modal-content{background:hsl(var(--card));width:min(500px,95vw);max-height:90vh;color:hsl(var(--card-foreground));border-radius:var(--radius);border:1px solid hsl(var(--border));box-shadow:0 20px 60px hsl(var(--foreground)/.15);flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden}.container-download-instructive-modal header{padding:var(--spacing-xl);border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));flex-shrink:0}.container-download-instructive-modal header .header-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);width:100%;display:flex}.container-download-instructive-modal header .header-text{flex:1}.container-download-instructive-modal header .header-text h2{color:hsl(var(--foreground));margin:0;font-size:1.5rem;font-weight:600}.container-download-instructive-modal header .header-text p{margin:var(--spacing-xs)0 0 0;font-size:var(--font-size-sm);color:hsl(var(--muted-foreground))}.container-download-instructive-modal .close-button{all:unset;cursor:pointer;border-radius:var(--radius);width:36px;height:36px;color:hsl(var(--muted-foreground));flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.container-download-instructive-modal .close-button:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.container-download-instructive-modal .close-button:active{transform:scale(.95)}.container-download-instructive-modal .close-button i{font-size:1rem}.container-download-instructive-modal .modal-body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.container-download-instructive-modal .download-info{text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.container-download-instructive-modal .download-info i{color:hsl(var(--destructive));margin-bottom:var(--spacing-sm);font-size:3rem}.container-download-instructive-modal .download-info p{font-size:var(--font-size-md);color:hsl(var(--foreground));margin:0;line-height:1.6}.container-download-instructive-modal .download-info p strong{color:hsl(var(--foreground));font-weight:600}.container-download-instructive-modal .download-info .info-note{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));margin-top:var(--spacing-sm)}.container-download-instructive-modal footer{padding:var(--spacing-xl);border-top:1px solid hsl(var(--border));justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0;display:flex}.container-download-instructive-modal .cancel-button{all:unset;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);color:hsl(var(--foreground));background:hsl(var(--secondary));border:1px solid hsl(var(--border));font-weight:500;transition:all .2s}.container-download-instructive-modal .cancel-button:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring))}.container-download-instructive-modal .cancel-button:active{transform:translateY(0)}.container-download-instructive-modal .cancel-button:disabled{opacity:.5;cursor:not-allowed}.container-download-instructive-modal .confirm-button{all:unset;cursor:pointer;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius);font-size:var(--font-size-sm);color:hsl(var(--primary-foreground));background:hsl(var(--primary));align-items:center;gap:var(--spacing-sm);font-weight:500;transition:all .2s;display:flex}.container-download-instructive-modal .confirm-button:hover{opacity:.9;transform:translateY(-1px)}.container-download-instructive-modal .confirm-button:active{transform:translateY(0)}.container-download-instructive-modal .confirm-button:disabled{opacity:.5;cursor:not-allowed}.container-download-instructive-modal .confirm-button i{font-size:.875rem}.student-card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 1px 3px hsl(var(--foreground)/.1);cursor:pointer;animation:.5s forwards fadeInUp;animation-delay:calc(var(--index,0)*.1s);opacity:0;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.student-card:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.15);border-color:hsl(var(--ring));transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.student-card{opacity:1;transition:none;animation:none}.student-card:hover{transform:none}}.student-card:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;box-shadow:0 0 0 4px hsl(var(--ring)/.2)}.student-card-cover{background:hsl(var(--muted));border-radius:var(--radius)var(--radius)0 0;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:visible}.student-card-avatar{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)var(--radius)0 0;width:100%;height:100%}.student-card-avatar-fallback{background:hsl(var(--secondary));width:80px;height:80px;color:hsl(var(--secondary-foreground));border-radius:50%;justify-content:center;align-items:center;display:flex}.student-card-avatar-fallback i{font-size:2.5rem}.student-card-actions-wrapper{top:var(--spacing-sm);right:var(--spacing-sm);z-index:1000;pointer-events:auto;position:absolute}.student-card-body{gap:var(--spacing-md);padding:var(--spacing-lg);background:hsl(var(--card));flex-direction:column;flex:1;display:flex}.student-card-header{gap:var(--spacing-xs);flex-direction:column;display:flex}.student-card-title{font-size:var(--font-size-lg);color:hsl(var(--foreground));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.student-card-position{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));font-weight:500}.student-card-content{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.student-card-meta{gap:var(--spacing-sm);flex-direction:column;display:flex}.student-card-courses{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;font-weight:500;transition:all .3s;display:flex}.student-card-courses:hover{background:hsl(var(--secondary)/.8);border-color:hsl(var(--ring));box-shadow:0 2px 8px hsl(var(--foreground)/.1);transform:translateY(-1px)}.student-card-courses:active{transform:translateY(0)}.student-card-courses i{font-size:.875rem}.student-card-last-login{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));white-space:nowrap;display:flex}.student-card-last-login i{color:hsl(var(--muted-foreground));font-size:.875rem}@media (max-width:600px){.student-card-cover{height:140px}.student-card-body{padding:var(--spacing-md)}.student-card-title{font-size:var(--font-size-md)}}.student-actions-menu{z-index:1000;flex-shrink:0;position:relative}.student-actions-menu-button{all:unset;cursor:pointer;background:hsl(var(--background)/.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:hsl(var(--foreground));box-shadow:0 2px 8px hsl(var(--foreground)/.15);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.student-actions-menu-button:hover{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 4px 12px hsl(var(--foreground)/.2);transform:scale(1.05)}.student-actions-menu-button:active{transform:scale(.95)}.student-actions-menu-button i{font-size:1rem}.student-actions-menu-dropdown{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 8px 24px hsl(var(--foreground)/.15),0 4px 12px hsl(var(--foreground)/.1);z-index:99999;min-width:280px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.student-actions-menu-item{all:unset;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md)var(--spacing-lg);color:hsl(var(--foreground));font-size:var(--font-size-sm);cursor:pointer;text-align:left;background:0 0;border:none;transition:all .2s;display:flex}.student-actions-menu-item i{text-align:center;width:18px;color:hsl(var(--muted-foreground));font-size:.875rem}.student-actions-menu-item:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.student-actions-menu-item:hover i{color:hsl(var(--accent-foreground))}.student-actions-menu-item:active{background:hsl(var(--accent)/.8)}.student-actions-menu-item-danger,.student-actions-menu-item-danger i{color:hsl(var(--destructive))}.student-actions-menu-item-danger:hover{background:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}.student-actions-menu-item-danger:hover i{color:hsl(var(--destructive))}.student-actions-menu-divider{background:hsl(var(--border));height:1px;margin:var(--spacing-xs)0}@media (max-width:600px){.student-actions-menu-dropdown{min-width:200px;max-width:calc(100vw - 32px);left:0;right:auto}}.students-empty-state{padding:var(--spacing-xxl);background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);text-align:center;min-height:300px;color:hsl(var(--muted-foreground));flex-direction:column;justify-content:center;align-items:center;display:flex}.students-empty-state__icon{color:hsl(var(--muted-foreground));margin-bottom:var(--spacing-md);opacity:.6;font-size:3rem}.students-empty-state__title{font-size:var(--font-size-lg);color:hsl(var(--foreground));margin:0 0 var(--spacing-sm)0;font-weight:600}.students-empty-state__description{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));max-width:400px;margin:0;line-height:1.6}.students-loading-state{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:768px){.students-loading-state{grid-template-columns:1fr}}.student-card--skeleton{pointer-events:none;cursor:default;opacity:1;animation:none}.student-card-cover--skeleton{position:relative;overflow:hidden}.skeleton-shimmer{background:linear-gradient(90deg,hsl(var(--muted))25%,hsl(var(--accent))50%,hsl(var(--muted))75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-title{width:70%;height:1.5rem;margin-bottom:var(--spacing-sm)}.skeleton-text{width:50%;height:1rem;margin-bottom:var(--spacing-xs)}.skeleton-badge{border-radius:var(--radius);width:120px;height:2rem}.skeleton-button{border-radius:var(--radius);width:36px;height:36px}@media (prefers-reduced-motion:reduce){.skeleton-shimmer{background:hsl(var(--muted));animation:none}}@media only screen and (max-width:600px){.know-you-container{flex-direction:column;display:flex;overflow:hidden}.know-you-container .container-logo-nav{width:100%;margin-bottom:var(--spacing-m-xxl)}.know-you-container .container-logo-nav img{width:10%}.know-you-container .container-questions{width:100%;padding:var(--spacing-m-xxl);justify-content:flex-start}.know-you-container .container-questions .title-cuestionario h1{font-size:var(--spacing-m-lg)}.know-you-container .container-questions .question{margin-top:var(--spacing-m-xxl)}.know-you-container .container-questions .question h2{font-size:var(--font-size-m-xxxxl);text-align:center;width:100%}.know-you-container .container-questions .container-buttons-respuesta{margin-top:var(--spacing-m-xxxl);flex-direction:column}.know-you-container .container-questions .container-buttons-respuesta button{width:70%;margin-bottom:var(--spacing-m-xxl);font-size:var(--font-size-m-xxxl);font-weight:500}.know-you-container .container-questions .container-buttons{margin-top:var(--spacing-m-xxxxl);padding:var(--spacing-m-lg)}.know-you-container .container-questions .container-buttons button{font-size:var(--font-size-m-xxl)}}