:root{--bg-color: #FFFBF3;--text-color: #111111;--secondary-text-color: #5F5F5F;--border-color: #C3BFB6;--font-family-default: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--h1-size: 48px;--h1-line-height: 52px;--h2-size: 40px;--h2-line-height: 44px;--h3-size: 32px;--h3-line-height: 40px;--h4-size: 24px;--h4-line-height: 32px;--h5-size: 20px;--h5-line-height: 24px;--h6-size: 16px;--h6-line-height: 20px;--body1-size: 20px;--body1-line-height: 28px;--body2-size: 16px;--body2-line-height: 24px;--body3-size: 14px;--body3-line-height: 20px;--body4-size: 12px;--body4-line-height: 16px;--body5-size: 10px;--body5-line-height: 12px}.h1{font-family:var(--font-family-default);font-size:var(--h1-size);line-height:var(--h1-line-height);font-weight:var(--font-weight-bold)}.h2{font-family:var(--font-family-default);font-size:var(--h2-size);line-height:var(--h2-line-height);font-weight:var(--font-weight-bold)}.h3{font-family:var(--font-family-default);font-size:var(--h3-size);line-height:var(--h3-line-height);font-weight:var(--font-weight-bold)}.h4{font-family:var(--font-family-default);font-size:var(--h4-size);line-height:var(--h4-line-height);font-weight:var(--font-weight-bold)}.h5{font-family:var(--font-family-default);font-size:var(--h5-size);line-height:var(--h5-line-height);font-weight:var(--font-weight-bold)}.h6{font-family:var(--font-family-default);font-size:var(--h6-size);line-height:var(--h6-line-height);font-weight:var(--font-weight-bold)}.body1{font-family:var(--font-family-default);font-size:var(--body1-size);line-height:var(--body1-line-height);font-weight:var(--font-weight-regular)}.body2{font-family:var(--font-family-default);font-size:var(--body2-size);line-height:var(--body2-line-height);font-weight:var(--font-weight-regular)}.body3{font-family:var(--font-family-default);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular)}.body4{font-family:var(--font-family-default);font-size:var(--body4-size);line-height:var(--body4-line-height);font-weight:var(--font-weight-regular)}.body5{font-family:var(--font-family-default);font-size:var(--body5-size);line-height:var(--body5-line-height);font-weight:var(--font-weight-regular)}.body1-bold{font-family:var(--font-family-default);font-size:var(--body1-size);line-height:var(--body1-line-height);font-weight:var(--font-weight-bold)}.body2-bold{font-family:var(--font-family-default);font-size:var(--body2-size);line-height:var(--body2-line-height);font-weight:var(--font-weight-bold)}.body3-bold{font-family:var(--font-family-default);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-bold)}.body4-bold{font-family:var(--font-family-default);font-size:var(--body4-size);line-height:var(--body4-line-height);font-weight:var(--font-weight-bold)}.body5-bold{font-family:var(--font-family-default);font-size:var(--body5-size);line-height:var(--body5-line-height);font-weight:var(--font-weight-bold)}html,body{margin:0;padding:0;width:100vw;max-width:100vw;overflow-x:hidden;box-sizing:border-box;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family-default)}*,*:before,*:after{box-sizing:inherit}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fffbf3;color:#333}.app-container{display:flex;height:100vh;height:100dvh;width:100vw;max-width:100vw;overflow:hidden}.main-content-panel{flex:1 1 60%;width:60%;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.web-highlight-wrap{cursor:pointer!important;transition:all .2s ease}.web-highlight-wrap:hover{opacity:.8}.highlight-yellow{background-color:#ffeb3b4d!important;border-bottom:2px solid #ffeb3b!important}.highlight-green{background-color:#8bc34a4d!important;border-bottom:2px solid #8bc34a!important}.highlight-blue{background-color:#90caf94d!important;border-bottom:2px solid #90caf9!important}.highlight-pink{background-color:#f48fb14d!important;border-bottom:2px solid #f48fb1!important}.highlight-purple{background-color:#ce93d84d!important;border-bottom:2px solid #ce93d8!important}.highlight-hover{box-shadow:0 2px 8px #0003!important;transform:translateY(-1px)!important}.animation-box{position:relative;border-radius:32px;border:1px solid var(--border-color);background-color:#fffbf34d;backdrop-filter:blur(120px);-webkit-backdrop-filter:blur(120px);overflow:hidden;z-index:1;padding:0}.animation-box-inner{padding:2rem;position:relative;z-index:2}.animation-box-circle{position:absolute;width:150px;height:150px;background:linear-gradient(270deg,#01068880 -12%,#9d000280 130.33%);border-radius:50%;filter:blur(80px);z-index:0;animation:moveCirclePattern 20s ease-in-out infinite}@keyframes moveCirclePattern{0%{top:-150px;left:100%;transform:translate(-50%)}16%{top:-150px;left:-150px;transform:translate(0)}33%{top:100%;left:100%;transform:translate(-150px,-150px)}50%{top:100%;left:-150px;transform:translateY(-150px)}66%{top:100%;left:100%;transform:translate(-150px,-150px)}83%{top:-150px;left:-150px;transform:translate(0)}to{top:-150px;left:100%;transform:translate(-50%)}}.header-box{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:2rem;background-color:var(--bg-color);color:var(--text-color)}.header-logo img{height:40px;object-fit:contain}.header-buttons{display:flex;gap:1rem;flex-direction:row;justify-content:center;align-items:center}.header-buttons button{background-color:transparent;color:var(--border-color);border:1px solid var(--border-color);border-radius:10px;padding:.4rem .7rem;cursor:pointer}.privacy-page,.terms-page{padding:2rem}.error-message{display:flex;text-align:left;color:#dc3545}@media (max-width: 1200px){.course-structure-sidebar,.tools-panel-sidebar{flex-basis:20%;max-width:20%}}@media (max-width: 1024px){.course-structure-sidebar,.tools-panel-sidebar{flex-basis:20%;max-width:20%}}@media (max-width: 768px){.app-container{flex-direction:column;height:auto;min-height:100vh}.course-structure-sidebar,.main-content-panel,.tools-panel-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;flex:none;height:auto}.course-structure-sidebar{order:1}.main-content-panel{order:2;min-height:60vh}.tools-panel-sidebar{order:3}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background-color:var(--bg-color);border-radius:20px;padding:2rem;width:min(28.0625rem,calc(100% - 2rem));height:auto;min-height:22.875rem;position:relative;box-shadow:0 10px 30px #0003;animation:slideIn .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:449px;height:268px;border-width:1px;padding:48px;gap:32px}.modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:353px;height:172px;gap:32px;z-index:2}.modal-title{color:var(--text-color);margin:0}.modal-message{font-family:var(--font-family-default);font-weight:var(--font-weight-regular);color:var(--text-color);margin:0;text-align:center;font-size:14px;line-height:20px;letter-spacing:0%}.primary-action-button{background-color:var(--text-color);color:var(--bg-color);border:none;border-radius:10px;font-family:var(--font-family-default);font-size:var(--body2-size);line-height:var(--body2-line-height);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease;height:36px;width:353px;gap:8px;padding:12px 16px}.primary-action-button:hover{background-color:var(--secondary-text-color);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.primary-action-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.primary-action-button:focus{outline:none;box-shadow:0 0 0 3px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.modal-content{width:min(28.0625rem,calc(100% - 1rem));min-height:20rem;padding:1.5rem}.modal-title{font-size:var(--h5-size);line-height:var(--h5-line-height)}.modal-message{font-size:var(--body3-size);line-height:var(--body3-line-height)}}.create-password-wrapper{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;padding:0}.create-password-layout{display:flex;align-items:center;gap:2rem;max-width:800px;width:100%}.create-password-box{flex:1;width:28.0625rem;border-radius:20px;background:#ffffff08;backdrop-filter:blur(10px);border:1px solid var(--border-color);padding:2rem}.create-password-title{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:600;color:var(--text-color)}.create-password-box .form-group{margin-bottom:1.5rem}.create-password-box .form-group:last-of-type{margin-bottom:2rem}.create-password-box .password-wrapper{position:relative}.create-password-box .password-wrapper input{width:100%;padding:.875rem 3rem .875rem 1rem;backdrop-filter:blur(5px);border:1px solid var(--border-color);border-radius:10px;background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:all .3s ease}.create-password-box .toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary-text-color);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease}.create-password-box .toggle-password:hover{color:var(--text-color)}.create-password-box .login-button{width:100%;padding:12px 16px 12px 8px;border-radius:10px;gap:8px;font-weight:600;font-size:1rem;background:var(--text-color);border:none;color:#fff;cursor:pointer;transition:all .3s ease}.create-password-box .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.create-password-box .login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.password-requirements-sidebar{flex-shrink:0;width:280px;padding:1.5rem;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:#ffffff0d;backdrop-filter:blur(5px);box-shadow:0 4px 12px #0000001a}.requirements-header{font-size:.9rem;font-weight:500;color:var(--secondary-text-color);margin-bottom:1rem}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.requirements-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.4;color:var(--secondary-text-color)}.requirement-icon{font-size:1rem;min-width:1.2rem;display:flex;align-items:center;justify-content:center}.requirement-text{flex:1}.requirements-list li.valid{color:#22c55e}.requirements-list li.invalid{color:var(--secondary-text-color)}@media (max-width: 768px){.create-password-wrapper{padding:1rem;min-height:calc(100vh - 60px)}.create-password-layout{flex-direction:column;gap:1.5rem;align-items:center}.create-password-box{width:min(28.0625rem,100%);height:auto;min-height:22.875rem;max-width:100%;padding:1.5rem;border-radius:16px}.create-password-title{font-size:1.25rem;margin-bottom:1.5rem}.password-requirements-sidebar{width:100%;max-width:400px;padding-top:0;order:-1}.requirements-header{text-align:center;font-size:1rem}.requirements-list{gap:.375rem}.requirements-list li{font-size:.8rem}}@media (max-width: 480px){.create-password-wrapper{padding:.5rem}.create-password-box{width:min(28.0625rem,calc(100% - 1rem));height:auto;min-height:20rem;padding:1rem}.create-password-layout{gap:1rem}}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-box{position:relative;border-radius:32px;margin:1rem 2rem;border:1px solid var(--border-color);max-width:826px;width:100%;z-index:1;overflow:hidden;padding:0;background-color:#fffbf34d;backdrop-filter:blur(120px);-webkit-backdrop-filter:blur(120px)}.h4{margin-top:0rem;margin-bottom:.5rem}.social-login{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem}.social-btn{display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background-color:transparent;border-radius:10px;padding:.55rem .85rem;cursor:pointer;transition:all .2s ease}.social-btn img{width:20px;height:20px;margin-left:8px}.divider{display:flex;align-items:center;text-align:center;color:var(--border-color);margin:1rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color);margin:0 10px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.3rem;color:var(--text-color);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:10px;background-color:var(--bg-color);color:var(--secondary-text-color);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular)}.form-group input:focus{outline:none;border-color:var(--secondary-text-color);box-shadow:0 0 0 2px #4a90e233}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding:.75rem 2.5rem .75rem 1rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--secondary-text-color)}.login-button{width:100%;padding:.75rem;background-color:var(--text-color);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s;margin:1rem 0}.forgot-password{text-align:center}.forgot-password a{color:var(--text-color)}.hr{border:none;height:1px;background-color:var(--border-color);margin:1rem 0}.signup{display:flex;justify-content:center;align-items:center;gap:1rem}.signup button{padding:.45rem .75rem;background-color:transparent;border:1px solid var(--text-color);color:text-color;border-radius:10px;cursor:pointer;transition:background-color .2s}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-spinner__circle{position:relative;display:inline-block;border-radius:50%;border:2px solid rgba(51,51,51,.1);border-top-color:#333;animation:spin 1s linear infinite}.loading-spinner__inner{width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:#3333334d;animation:spin 1.5s linear infinite reverse}.loading-spinner--small .loading-spinner__circle{width:20px;height:20px}.loading-spinner--medium .loading-spinner__circle{width:32px;height:32px}.loading-spinner--large .loading-spinner__circle{width:48px;height:48px}.loading-spinner--primary .loading-spinner__circle{border-top-color:#333}.loading-spinner--secondary .loading-spinner__circle{border-top-color:#666}.loading-spinner--light .loading-spinner__circle{border-color:#ffffff4d;border-top-color:#fff}.loading-spinner__message{font-family:Montserrat,sans-serif;font-size:14px;color:#666;text-align:center}.loading-spinner-overlay{position:fixed;inset:0;background-color:#fffbf3cc;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(2px)}.inline-loader{display:inline-flex;align-items:center;gap:4px}.inline-loader__dot{width:6px;height:6px;background-color:#333;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.inline-loader__dot:nth-child(1){animation-delay:-.32s}.inline-loader__dot:nth-child(2){animation-delay:-.16s}.inline-loader--small .inline-loader__dot{width:4px;height:4px}.inline-loader--medium .inline-loader__dot{width:6px;height:6px}.inline-loader--large .inline-loader__dot{width:8px;height:8px}.skeleton-loader{background:linear-gradient(90deg,#fff3 25%,#fff6,#fff3 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;background-color:#f0f0f0}.text-skeleton{display:flex;flex-direction:column;gap:8px}.text-skeleton__line{margin-bottom:0}.audio-player-skeleton{border:1px solid #e0e0e0;border-radius:12px;padding:16px;background-color:#fff}.audio-player-skeleton__header{margin-bottom:16px}.audio-player-skeleton__controls{display:flex;align-items:center;gap:12px}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.loading-spinner__circle,.loading-spinner__inner{animation:none}.inline-loader__dot{animation:none;opacity:.7}.skeleton-loader{animation:none}}@media (prefers-contrast: high){.loading-spinner__circle{border-color:transparent;border-top-color:currentColor}.inline-loader__dot{background-color:currentColor}.skeleton-loader{background-color:#ccc;background-image:none}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;padding:16px;min-width:300px;max-width:400px;opacity:0;transform:translate(100%);transition:all .3s ease-in-out;pointer-events:auto;border-left:4px solid #ccc}.toast--visible{opacity:1;transform:translate(0)}.toast--exiting{opacity:0;transform:translate(100%)}.toast--success{border-left-color:#4caf50}.toast--error{border-left-color:#f44336}.toast--warning{border-left-color:#ff9800}.toast--info{border-left-color:#2196f3}.toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:12px;flex-shrink:0;font-size:14px;font-weight:700}.toast--success .toast__icon{background-color:#4caf50;color:#fff}.toast--error .toast__icon{background-color:#f44336;color:#fff}.toast--warning .toast__icon{background-color:#ff9800;color:#fff}.toast--info .toast__icon{background-color:#2196f3;color:#fff}.toast__content{flex:1;display:flex;flex-direction:column}.toast__message{margin:0;font-size:14px;line-height:1.4;color:#333;word-wrap:break-word}.toast__close{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;margin-left:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.toast__close:hover{background-color:#f5f5f5;color:#666}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;max-width:none}}.toast:not(:last-child){margin-bottom:8px}.color-picker{display:flex;flex-direction:column;gap:8px}.color-palette{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-swatch{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;outline:none;position:relative;padding:0;margin:0;background:none}.color-swatch:hover:not(.disabled){transform:scale(1.1);box-shadow:0 2px 4px #0000001a}.color-swatch:focus:not(.disabled){transform:scale(1.1);box-shadow:0 0 0 2px #007bff80}.color-swatch.active-color{border-color:#007bff;transform:scale(1.2);box-shadow:0 2px 6px #00000026}.color-swatch.active-color:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-size:10px;font-weight:700;text-shadow:0 0 2px rgba(255,255,255,.8)}.color-swatch.disabled{opacity:.5;cursor:not-allowed;transform:none!important}.color-swatch.disabled:hover{transform:none;box-shadow:none}.color-swatch.yellow{background-color:#ffeb3b!important}.color-swatch.green{background-color:#8bc34a!important}.color-swatch.blue{background-color:#90caf9!important}.color-swatch.pink{background-color:#f48fb1!important}.color-swatch.purple{background-color:#ce93d8!important}@media (prefers-reduced-motion: reduce){.color-swatch{transition:none}.color-swatch:hover:not(.disabled),.color-swatch:focus:not(.disabled){transform:none}.color-swatch.active-color{transform:none}}@media (prefers-contrast: high){.color-swatch{border-width:3px}.color-swatch.active-color{border-color:#000}.color-swatch:focus:not(.disabled){box-shadow:0 0 0 3px #000}}Rich Text Editor Container .rich-text-editor-container{width:100%;border:1px solid #e5e2d9;border-radius:6px;background-color:#fffbf3;box-sizing:border-box;overflow:hidden}.rich-text-editor-content{width:100%;min-height:280px!important;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.5;color:#333;outline:none;border:none;background:transparent;resize:vertical;box-sizing:border-box;position:relative}.rich-text-toolbar{display:flex;gap:8px;align-items:center;padding-top:12px;background-color:#fffbf3;flex-wrap:wrap}.rich-text-btn{padding:8px 12px!important;border:1px solid #e5e2d9!important;border-radius:6px!important;color:#374151!important;cursor:pointer;font-size:14px!important;font-family:Montserrat,sans-serif;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;outline:none;box-sizing:border-box;box-shadow:0 1px 2px #0000000d;position:relative}.rich-text-btn:hover:not(.active){background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;border-color:#9ca3af!important;transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.rich-text-btn.active{background:linear-gradient(135deg,#1f2937,#111827)!important;color:#fff!important;border-color:#1f2937!important;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0000001a!important;transform:translateY(1px)}.rich-text-btn.active:hover{background:linear-gradient(135deg,#374151,#1f2937)!important;color:#fff!important;border-color:#374151!important;transform:translateY(0)}.rich-text-btn.active:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;z-index:-1;opacity:.3;filter:blur(4px)}.rich-text-editor-content strong,.rich-text-editor-content b{font-weight:700}.rich-text-editor-content em,.rich-text-editor-content i{font-style:italic}.rich-text-editor-content u{text-decoration:underline}.rich-text-editor-content ul,.slate-bulleted-list{list-style:none;padding-left:0;margin:.75em 0}.rich-text-editor-content ol{list-style:decimal;padding-left:2em;margin:.75em 0}.rich-text-editor-content li,.slate-list-item{margin-bottom:.5em;padding-left:1.5em;position:relative;line-height:1.6}.slate-list-item:before{content:"•";color:#6b7280;font-weight:700;position:absolute;left:.5em;top:0}.slate-paragraph,.rich-text-editor-content p{margin:.5em 0;line-height:1.6;min-height:1.6em}.rich-text-editor-content p:first-child{margin-top:0}.rich-text-editor-content p:last-child{margin-bottom:0}.rich-text-editor-content[data-slate-placeholder]:not([data-slate-string=""]):empty:before{content:attr(data-slate-placeholder);color:#999;font-style:italic;position:absolute;top:12px;left:16px;pointer-events:none;font-size:14px;line-height:1.5;z-index:1}.rich-text-editor-content[data-slate-placeholder]:empty>[data-slate-node=element]:first-child>[data-slate-node=text]:first-child:empty:before{content:attr(data-slate-placeholder);color:#999;font-style:italic;pointer-events:none;position:absolute}.rich-text-editor-content>[data-slate-node=element]{position:relative}.rich-text-editor-container:focus-within{border-color:#333}.rich-text-editor-content ::selection{background-color:#3333}.rich-text-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5!important;color:#999!important}.rich-text-toolbar .rich-text-btn+.rich-text-btn{margin-left:2px}.rich-text-btn svg{width:16px;height:16px;fill:currentColor}.rich-text-btn:focus{outline:2px solid #333;outline-offset:2px}.toolbar-title{font-size:18px;font-weight:600;color:#333}@media (max-width: 768px){.rich-text-toolbar{padding:6px 8px}.rich-text-btn{min-width:28px!important;height:28px!important;padding:4px 8px!important;font-size:12px!important}.rich-text-editor-content{min-height:120px;padding:10px 12px}.rich-text-editor-content[data-slate-placeholder]:not([data-slate-string=""]):empty:before{top:10px;left:12px}}.card{background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d;transition:all .3s ease;overflow:hidden;width:100%;max-width:320px;margin:0 auto;position:relative}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-3px)}.card-content{padding:16px;display:flex;flex-direction:column;height:100%;min-height:220px;background:#f9fafb;border-radius:0 0 8px 8px}.card-image-container{margin-bottom:16px;border-radius:8px;overflow:hidden;background-color:#fafafa;position:relative;height:120px}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card-image{transform:scale(1.05)}.card-image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);z-index:1}.card-image-placeholder:after{content:"🏗️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;z-index:2;opacity:.6}.card-status-badge{position:absolute;top:8px;right:8px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 2px 4px #0000001a}.card-status-badge.active{background-color:#10b981;color:#fff}.card-status-badge.inactive{background-color:#6b7280;color:#fff}.card-status-badge.pending{background-color:#f59e0b;color:#fff}.card-title{margin:0 0 12px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}.card-price-section{display:flex;flex-direction:column;gap:4px}.card-original-price{font-size:12px;color:#9ca3af;text-decoration:line-through}.card-price{font-weight:var(--font-weight-bold);color:var(--text-color)}.card-duration-section{display:flex;align-items:center;gap:8px;color:var(--secondary-text-color)}.card-duration{color:var(--secondary-text-color)}.card-clock-icon{display:flex;align-items:center;justify-content:center;color:var(--secondary-text-color);padding:2px}.card-clickable{cursor:pointer}@media (max-width: 768px){.card{max-width:100%}.card-content{padding:16px}.card-image{height:100px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{position:relative;background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:480px;padding:2rem;animation:slideUp .3s ease-out;border:1px solid var(--border-color, #e0e0e0)}.modal-content h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-color, #333);text-align:center}.modal-content>div{margin-bottom:1.5rem;color:var(--text-color, #666);line-height:1.5;text-align:center}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:120px}.cancel-button{background-color:transparent;color:var(--text-color, #666);border-color:var(--border-color, #e0e0e0)}.cancel-button:hover{background-color:#f8f9fa;border-color:#d0d7de}.cancel-button:focus{outline:2px solid #0969da;outline-offset:2px}.confirm-button{background-color:#dc3545;color:#fff;border-color:#dc3545}.confirm-button:hover{background-color:#c82333;border-color:#bd2130}.confirm-button:focus{outline:2px solid #dc3545;outline-offset:2px}.primary-button{background-color:#0969da;color:#fff;border-color:#0969da}.primary-button:hover{background-color:#0860ca;border-color:#0860ca}.primary-button:focus{outline:2px solid #0969da;outline-offset:2px}@media (max-width: 640px){.modal-content{width:95%;padding:1.5rem;margin:1rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%}}@media (min-width: 641px){.modal-actions:has(button:nth-child(3)){justify-content:space-between;max-width:500px;margin-left:auto;margin-right:auto}.modal-actions:has(button:nth-child(3)) button{flex:1;max-width:150px}}.modal-overlay.exiting{animation:fadeOut .2s ease-out}.modal-overlay.exiting .modal-content{animation:slideDown .2s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.modal-overlay:focus{outline:none}.modal-content:focus{outline:none}body.modal-open{overflow:hidden}.otp-verification-box .animation-box-inner{padding:0}.otp-verification-box-container{display:flex;flex-direction:column}.otp-verification-box{width:28.0625rem;max-width:500px;margin:0 auto;padding:2rem;background:var(--bg-color);border-radius:20px;text-align:left}.otp-title{color:var(--text-color);margin-bottom:1.5rem;text-align:left}.otp-description{text-align:left;padding:0 rem;margin:0 rem}.otp-instruction{margin:0;color:var(--text-color);text-align:left}.otp-container{display:flex;justify-content:center;margin:1rem 0 0;gap:1rem}.otp-input{width:3rem!important;height:3rem!important;border:1px solid var(--border-color)!important;border-radius:10px!important;background-color:var(--bg-color)!important;color:var(--text-color)!important;font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular);text-align:center!important;outline:none!important;transition:all .2s ease!important}.otp-input:focus{border-color:var(--secondary-text-color)!important}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number]{-moz-appearance:textfield;appearance:textfield}.otp-separator{width:.5rem}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.5rem;text-align:center}.otp-timer-section{display:flex;justify-content:center;align-items:center;margin:.2rem 0 1.5rem;gap:14rem}.otp-timer{color:var(--secondary-text-color);font-size:var(--body4-size);line-height:var(--body4-line-height);font-weight:var(--font-weight-regular)}.resend-link{background:transparent;border:none;color:var(--text-color);cursor:pointer;text-decoration:underline;padding:0}.resend-link:hover:not(:disabled){opacity:.8}.resend-link.disabled,.resend-link:disabled{color:var(--secondary-text-color);cursor:not-allowed;text-decoration:none;opacity:.6}.resend-link.disabled:hover,.resend-link:disabled:hover{opacity:.6;text-decoration:none}.otp-next-button{width:100%;padding:.875rem 1.5rem;background-color:#333;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.otp-next-button:hover:not(:disabled){background-color:#222;transform:translateY(-1px)}.otp-next-button:disabled{cursor:not-allowed;transform:none}.otp-go-back{background:transparent;border:none;color:var(--secondary-text-color);cursor:pointer;padding:0;text-decoration:none}.otp-go-back:hover{color:var(--text-color);text-decoration:underline}@media (max-width: 768px){.otp-verification-box{width:min(28.0625rem,calc(100% - 2rem));height:auto;min-height:22.875rem;padding:1.5rem;margin:1rem}.otp-input{width:2.5rem!important;height:2.5rem!important;font-size:1rem!important}.otp-container{gap:.25rem}.otp-title{font-size:1.25rem}.otp-timer-section{font-size:.8rem}}.forgot-password-box{position:relative;border-radius:32px;margin:1rem 2rem;border:1px solid var(--border-color);width:28.0625rem;max-width:29rem;z-index:1;overflow:hidden;padding:0;background-color:#fffbf34d;backdrop-filter:blur(120px);-webkit-backdrop-filter:blur(120px)}.forgot-password-title{color:var(--text-color);font-size:var(--h3-size);font-weight:var(--font-weight-bold);line-height:var(--h3-line-height);margin:0;text-align:left}.forgot-password-description{color:var(--secondary-text-color);font-size:var(--body2-size);line-height:var(--body2-line-height);margin:0;text-align:left}.forgot-password-form{display:flex;flex-direction:column;gap:24px;width:100%}.forgot-password-input{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:12px;font-size:var(--body2-size);line-height:var(--body2-line-height);background-color:var(--bg-color);color:var(--text-color);transition:all .2s ease}.forgot-password-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e233}.forgot-password-button{width:100%;padding:.45rem;background-color:var(--text-color);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s;margin:1rem 0;height:36px}.forgot-password-button:hover:not(:disabled){background-color:var(--text-color)}.forgot-password-button:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.7}.error-message{color:var(--error-color);font-size:var(--body4-size);margin-top:4px;text-align:left;min-height:20px}@media (max-width: 576px){.forgot-password-box{width:min(28.0625rem,calc(100% - 2rem));height:auto;min-height:22.875rem;padding:32px 24px;margin:16px}}.forgot-password-mode .social-login,.forgot-password-mode .divider{display:none}.course-structure-sidebar{width:23%;height:100%;max-width:23%;min-width:200px;background-color:#fffbf3;border-right:1px solid #e8e4dc;padding:24px 12px;border-left:1px solid #e5e2d9;overflow-y:auto;scroll-behavior:smooth;box-sizing:border-box;flex-shrink:0;position:relative;font-family:inherit;scrollbar-width:none;-ms-overflow-style:none}.course-structure-sidebar::-webkit-scrollbar{display:none}.bookmarks-btn{width:100%;padding:12px;background-color:#333;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:30px}.course-content h2{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:24px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;letter-spacing:-.025em}.topic-section h3{font-size:16px;font-weight:600;color:#4a5568;margin-bottom:12px;padding:8px 0;letter-spacing:-.01em}.topic-header{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;transition:all .2s ease;margin:4px 0}.topic-header:hover{background-color:#4a556814;color:#2d3748;transform:translate(4px)}.topic-section ul{list-style:none;padding-left:16px;margin:8px 0;border-left:2px solid #e2e8f0}.topics-container{list-style:none;padding:0;margin:0}.topic-item{padding:8px 0;cursor:pointer;color:#718096;font-size:14px;display:flex;align-items:center;border-radius:6px;margin:2px 0;transition:all .2s ease;position:relative}.topic-item:hover{background-color:#4a55680f;color:#4a5568;transform:translate(6px);box-shadow:0 2px 8px #0000001a}.topic-item.active{font-weight:600;color:#2d3748;background-color:#4a55681f;border-left:3px solid #4a5568;padding-left:13px}.topic-content{display:flex;align-items:center;flex:1;gap:8px}.topic-title{font-weight:500;line-height:1.4}.page-indicator{font-size:11px;font-weight:600;color:#4a5568;background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:4px 8px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;min-width:24px;text-align:center;flex-shrink:0;margin-left:auto}.page-indicator:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);transform:scale(1.05)}.course-header{margin-bottom:30px}.course-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.course-title-underline{width:40px;height:3px;background:#3b82f6;border-radius:2px}.topics-section-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 15px}.bookmark-annotation-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(4px)}.panel-container{position:relative;background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:900px;height:85%;max-height:700px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e8ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.panel-title{margin:0;font-size:24px;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:12px}.panel-icon{font-size:28px}.close-btn{background:none;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6c757d}.close-btn:hover{background-color:#f8f9fa;color:#495057;transform:scale(1.1)}.close-btn span{font-size:18px;font-weight:600}.panel-tabs{display:flex;background-color:#f8f9fa;border-bottom:1px solid #e8ecef}.tab-btn{flex:1;padding:16px 24px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:#6c757d;transition:all .3s ease;border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.tab-btn:hover{background-color:#e9ecef;color:#495057}.tab-btn.active{color:#007bff;border-bottom-color:#007bff;background-color:#fff}.tab-icon{font-size:18px}.tab-text{font-weight:600}.tab-count{background-color:#e9ecef;color:#6c757d;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-left:4px}.tab-btn.active .tab-count{background-color:#007bff;color:#fff}.panel-content{flex:1;overflow-y:auto;position:relative;background-color:#fafbfc}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{padding:20px;font-size:16px;color:#007bff;font-weight:600}.empty-state{text-align:center;padding:60px 40px;color:#6c757d}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.7}.empty-title{font-size:24px;font-weight:600;color:#495057;margin:0 0 12px}.empty-description{font-size:16px;line-height:1.5;color:#6c757d;max-width:400px;margin:0 auto}.bookmarks-section{padding:24px 32px}.bookmarks-list{display:flex;flex-direction:column;gap:16px}.bookmark-item{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border:1px solid #e8ecef;border-radius:12px;background-color:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #0000000a}.bookmark-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.bookmark-content{flex:1;margin-right:16px}.bookmark-title{margin:0 0 8px;font-size:18px;color:#2c3e50;font-weight:600;line-height:1.3}.bookmark-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d;margin:0}.bookmark-topic{font-weight:600;color:#007bff}.bookmark-page{font-weight:500}.bookmark-date{color:#adb5bd}.bookmark-separator{color:#dee2e6}.bookmark-actions{display:flex;gap:8px;flex-shrink:0}.annotations-section{padding:24px 32px}.highlights-list{display:flex;flex-direction:column;gap:20px}.highlight-item{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border:1px solid #e8ecef;border-radius:12px;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000a}.highlight-item:hover{border-color:#28a745;box-shadow:0 4px 12px #28a74526;transform:translateY(-2px)}.highlight-content{flex:1;margin-right:16px}.highlight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.highlight-color-indicator{display:flex;align-items:center;gap:8px}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000001a}.color-dot.color-yellow{background-color:#ffc107}.color-dot.color-blue{background-color:#007bff}.color-dot.color-green{background-color:#28a745}.color-dot.color-red{background-color:#dc3545}.color-dot.color-purple{background-color:#6f42c1}.color-dot.color-orange{background-color:#fd7e14}.color-label{font-size:14px;font-weight:600;color:#495057}.highlight-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.highlight-topic{font-weight:600;color:#007bff}.highlight-date{color:#adb5bd}.highlight-separator{color:#dee2e6}.highlight-text{background-color:#f8f9fa;border-left:4px solid #28a745;padding:16px;border-radius:8px;margin-bottom:12px;font-size:16px;line-height:1.5;color:#2c3e50;font-style:italic}.highlight-quote{color:#28a745;font-size:20px;font-weight:700}.highlight-context{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.context-label{font-weight:600}.context-info{color:#adb5bd}.highlight-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{background:#fff;border:1px solid #e8ecef;padding:10px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000a}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.navigate-btn:hover:not(:disabled){background-color:#e3f2fd;border-color:#2196f3;color:#1976d2}.edit-btn:hover:not(:disabled){background-color:#fff3e0;border-color:#ff9800;color:#f57c00}.delete-btn:hover:not(:disabled){background-color:#ffebee;border-color:#f44336;color:#d32f2f}@media (max-width: 768px){.panel-container{width:95%;height:90%;margin:20px}.panel-header{padding:20px 24px}.panel-title{font-size:20px}.bookmarks-section,.annotations-section{padding:20px 24px}.bookmark-item,.highlight-item{flex-direction:column;align-items:stretch;padding:16px}.bookmark-content,.highlight-content{margin-right:0;margin-bottom:16px}.bookmark-actions,.highlight-actions{justify-content:flex-end}.tab-btn{padding:12px 16px;font-size:14px}.tab-icon{font-size:16px}}@media (max-width: 480px){.panel-container{width:100%;height:100%;border-radius:0}.panel-header{padding:16px 20px}.panel-title{font-size:18px}.bookmarks-section,.annotations-section{padding:16px 20px}.bookmark-meta,.highlight-meta{flex-direction:column;align-items:flex-start;gap:4px}.bookmark-separator,.highlight-separator{display:none}}.app-container{display:flex;height:100vh;width:100%;overflow:hidden}.main-content-wrapper{position:relative;flex-grow:1;flex-shrink:1;height:100%;min-height:0;min-width:400px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(0);opacity:1;display:flex;justify-content:center}.main-content-wrapper.transitioning{opacity:.6;transform:translateY(-10px)}.main-content-wrapper .main-content-panel{transition:all .3s ease-in-out}.main-content-wrapper.transitioning .main-content-panel{filter:blur(1px)}.transition-indicator{position:absolute;top:20px;right:20px;z-index:1000;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #0000001a}.transition-spinner{width:20px;height:20px;border:2px solid #e3e3e3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container,.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;gap:1rem}.back-button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.back-button:hover{background-color:#0056b3}.main-content-panel{height:100%;overflow-y:auto;padding:20px;max-width:1400px;box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.main-content-panel::-webkit-scrollbar{display:none}.audio-player{border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:40px;transition:all .3s ease;background-color:#fff}.audio-player.disabled{opacity:.5;background-color:#ffffff4d}.audio-player.disabled .play-pause-btn-main{cursor:not-allowed}.audio-player.error{border-color:#f44336;background-color:#fff5f5}.player-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.audio-title{flex:1;margin:0;font-weight:700;color:#333;font-size:14px;display:flex;flex-direction:column;gap:4px}.track-counter{font-size:12px;color:#666;font-weight:400}.audio-error{display:flex;align-items:center;gap:6px;margin-top:4px;padding:4px 8px;background-color:#ffebee;border-radius:4px;font-size:12px}.error-icon{color:#f44336;font-weight:700}.error-text{color:#d32f2f;flex:1}.error-retry{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;padding:2px;border-radius:2px;transition:background-color .2s ease}.error-retry:hover{background-color:#1976d21a}.audio-controls{display:flex;align-items:center;gap:8px}.play-pause-btn-main{background:#333;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;line-height:32px;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center}.track-nav-btn{background:#6c757d;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.track-nav-btn:hover:not(:disabled){background:#545b62}.track-nav-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.player-bottom-row{display:flex;align-items:center;gap:15px;font-size:14px;color:#666}.time-display{min-width:40px;text-align:center;font-family:Courier New,monospace;font-size:12px}.progress-bar-container{flex-grow:1;height:20px;cursor:pointer;display:flex;align-items:center;padding:7px 0;position:relative}.progress-bar-container:focus{outline:2px solid #4a90e2;outline-offset:2px}.progress-bar-track{width:100%;height:6px;background-color:#eee;border-radius:3px;position:relative;overflow:hidden}.progress-bar-buffered{position:absolute;top:0;left:0;height:100%;background-color:#ddd;border-radius:3px;transition:width .3s ease}.progress-bar-current{position:absolute;top:0;left:0;height:100%;background-color:#333;border-radius:3px;transition:width .1s ease}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#333;border:2px solid white;border-radius:50%;box-shadow:0 1px 3px #0000004d;opacity:0;transition:opacity .2s ease}.progress-bar-container:hover .progress-handle{opacity:1}.progress-bar-container:focus .progress-handle{opacity:1}.lesson-content h1{font-family:Montserrat,sans-serif;font-weight:800;font-size:18px;line-height:1;letter-spacing:normal;margin-bottom:15px;color:#333;text-edge:cap alphabetic;leading-trim:both}.text-size-small .lesson-content h1{font-size:18px}.text-size-normal .lesson-content h1{font-size:20px}.text-size-large .lesson-content h1{font-size:22px}.lesson-content p,.lesson-content ol{line-height:1.7;color:#444}.lesson-content ol{padding-left:25px}.lesson-content li{margin-bottom:10px}.lesson-content .description{display:inline}.text-size-small{font-size:14px}.text-size-normal{font-size:16px}.text-size-large{font-size:18px}.html-content{line-height:1.7;color:#444}.html-content h3{font-size:16px;margin-bottom:15px;color:#333}.html-content p{margin-bottom:12px}.html-content ul,.html-content ol{padding-left:25px;margin-bottom:15px}.html-content li{margin-bottom:8px}.html-content strong{font-weight:700}.html-content .diagram-container{display:flex;gap:64px;margin:40px 0;justify-content:center}.html-content .diagram-image{max-width:90%;min-width:90%;height:auto;border-radius:8px;transition:max-width .3s ease}.text-size-small .html-content .diagram-image{max-width:70%;min-width:70%}.text-size-normal .html-content .diagram-image{max-width:90%;min-width:90%}.text-size-large .html-content .diagram-image{max-width:100%;min-width:100%}.lesson-content{flex-grow:1;min-height:400px;display:flex;flex-direction:column}.highlight-block{position:relative}.highlight-block p,.highlight-block li,.highlight-block h1,.highlight-block h2,.highlight-block h3,.highlight-block h4,.highlight-block h5,.highlight-block h6{line-height:1.6;margin-bottom:15px}.highlight-block li{margin-bottom:8px}.rangy-highlight{border-radius:2px;transition:all .2s ease;position:relative}.rangy-highlight:hover{opacity:.8}.lesson-content-body{line-height:1.7;color:#444;flex-grow:1;min-height:200px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.highlight-wrap{cursor:text;border-radius:2px;padding:1px 2px;margin:-1px -2px;position:relative}.highlight-wrap::selection{background:#007bff4d}.highlight-wrap::-moz-selection{background:#007bff4d}.highlight-wrap:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){.highlight-wrap{border-width:2px;border-style:solid}}@media (prefers-reduced-motion: reduce){.highlight-wrap{transition:none}}.text-size-small .html-content .diagram-image{max-width:350px}.text-size-normal .html-content .diagram-image{max-width:450px}.text-size-large .html-content .diagram-image{max-width:550px}.mixed-content{line-height:1.7;color:#444}.mixed-content h3{font-size:16px;margin-bottom:15px;color:#333;font-weight:700}.mixed-content p{margin-bottom:12px;font-weight:400}.mixed-content ul,.mixed-content ol{padding-left:25px;margin-bottom:15px}.mixed-content li{margin-bottom:8px;font-weight:400}.mixed-content strong{font-weight:700}.mixed-content .diagram-container{display:flex;gap:64px;margin:40px 0;justify-content:center}.mixed-content .diagram-image{max-width:90%;min-width:90%;height:auto;border-radius:8px;transition:max-width .3s ease}.text-size-small .mixed-content .diagram-image{max-width:70%;min-width:70%}.text-size-normal .mixed-content .diagram-image{max-width:90%;min-width:90%}.text-size-large .mixed-content .diagram-image{max-width:100%;min-width:100%}.text-size-small .mixed-content .diagram-image{max-width:350px}.text-size-normal .mixed-content .diagram-image{max-width:450px}.text-size-large .mixed-content .diagram-image{max-width:550px}.text-size-small .mixed-content h3{font-size:14px}.text-size-normal .mixed-content h3{font-size:16px}.text-size-large .mixed-content h3{font-size:18px}.no-content{text-align:center;padding:40px 20px;color:#666;font-style:italic;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column}.no-content p{margin:0;font-size:16px}.audio-player-skeleton{border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:40px;background-color:#fff}@media (prefers-reduced-motion: reduce){.progress-bar-buffered,.progress-bar-current,.progress-handle,.audio-player{transition:none}}@media (prefers-contrast: high){.audio-player{border-width:2px}.progress-bar-track{border:1px solid #000}.progress-handle{border-color:#000}}.play-pause-btn-main:focus,.track-nav-btn:focus,.error-retry:focus{outline:2px solid #4a90e2;outline-offset:2px}@media (max-width: 768px){.audio-player{padding:12px}.player-top-row{flex-direction:column;align-items:flex-start;gap:8px}.audio-controls{align-self:flex-end}.time-display{font-size:11px;min-width:35px}.progress-bar-container{height:24px;padding:9px 0}.progress-handle{width:16px;height:16px}.main-content-panel{padding:20px 15px}}.audio-controls{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:24px;width:100%;box-sizing:border-box}.audio-progress{width:100%;height:8px;background:#e9ecef;border-radius:4px;position:relative;cursor:pointer;overflow:hidden}.audio-progress:hover{height:10px}.audio-progress-bar{height:100%;background:#007bff;border-radius:4px;position:absolute;top:0;left:0;z-index:2;transition:width .1s linear}.audio-buffer-bar{height:100%;background:#cce5ff;border-radius:4px;position:absolute;top:0;z-index:1;transition:width .2s ease}.audio-controls-buttons{display:flex;align-items:center;justify-content:space-between;width:100%}.audio-control-btn{background:#fff;color:#333;border:1px solid #ced4da;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px;display:flex;align-items:center;justify-content:center}.audio-control-btn:hover:not(:disabled){background:#e2e6ea;border-color:#adb5bd}.audio-control-btn:disabled{background:#e9ecef;color:#adb5bd;cursor:not-allowed;border-color:#dee2e6}.audio-time{font-family:Roboto Mono,monospace;font-size:13px;color:#6c757d;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #dee2e6}.audio-error{color:#dc3545;font-size:13px;margin-top:8px;text-align:center;background:#f8d7da;padding:8px;border-radius:4px;border:1px solid #f5c6cb}.tools-panel-sidebar{width:23%!important;height:100%;max-width:23%!important;min-width:200px;background-color:#fffbf3;padding:24px 12px;border-left:1px solid #e5e2d9;box-sizing:border-box;flex-shrink:0;overflow-y:auto;position:relative;font-family:inherit;scrollbar-width:none;-ms-overflow-style:none}.highlighter-icon{width:120px}.tools-panel-sidebar::-webkit-scrollbar{display:none}.tool-section{margin-bottom:24px}.tool-section-header{margin-bottom:12px}.tool-section-title{font-size:1.125rem;font-weight:600;color:#333}.pagination-controls{display:flex;align-items:stretch;border:1px solid #d0c9b6;border-radius:8px;overflow:hidden}.pagination-controls>*:not(:last-child){border-right:1px solid #d0c9b6}.pagination-nav-btn,.pagination-btn{all:unset;display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:14px;color:#333;cursor:pointer;height:100%;box-sizing:border-box}.pagination-nav-btn{font-size:14px}.pagination-btn.active{font-weight:700;background-color:#333;color:#fff;border-radius:0;height:100%}.text-size-controls{display:flex;border:1px solid #d0c9b6;border-radius:8px;overflow:hidden}.text-size-controls>*:not(:last-child){border-right:1px solid #d0c9b6}.text-size-btn{flex:1;cursor:pointer;border:none;background:none;font-size:14px;color:#333;padding:4px 8px}.text-size-btn.active{font-weight:700;background-color:#333;color:#fff}.page-controls-wrapper{display:flex;justify-content:space-between;align-items:center}.add-bookmark-btn{width:38px;height:38px;border:1px solid #d0c9b6;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-bookmark-btn:hover{background-color:#f8f6f0}.add-bookmark-btn svg{width:20px;height:20px}.media-player{border:1px solid #d0c9b6;border-radius:20px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.media-info{flex:1;min-width:0}.media-title{font-size:14px;font-weight:500;color:#333}.media-controls{display:flex;gap:16px;align-items:center}.media-control-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;fill:#333;font-size:18px}.media-control-btn.play-pause{width:14px;height:14px}.media-control-btn:disabled{fill:#bbb}.media-control-btn:disabled{cursor:not-allowed}.audio-list{max-height:150px;overflow-y:auto;border:1px solid #e5e2d9;border-radius:8px}.audio-item{padding:10px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.audio-item:last-child{border-bottom:none}.audio-item:hover{background-color:#f8f8f8}.audio-item.active{font-weight:700;background-color:#f0f4f8}.audio-item-title{font-size:13px;font-weight:500}.audio-playing-indicator{display:flex;align-items:center;justify-content:center}.audio-wave{display:flex;gap:2px;align-items:center}.wave-bar{width:2px;height:12px;background-color:#333;border-radius:1px;animation:wave 1.2s ease-in-out infinite}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}@keyframes wave{0%,to{height:4px}50%{height:12px}}.annotate-section.has-separator{padding-bottom:24px;margin-bottom:24px}.annotate-controls{display:flex;align-items:center;gap:5px}.highlighter-container svg{width:48px;height:48px}.tools-separator{border:none;border-top:1px solid #e5e2d9;margin:0 -20px}.textarea-separator{border:none;border-top:1px solid #e5e2d9;padding:12px}.notes-section{margin-bottom:0}.notes-section .rich-text-editor-content{border:1px solid #e5e2d9;border-radius:10px;padding:12px;font-size:14px;line-height:1.5;color:#333}.notes-section .rich-text-editor-content:focus{outline:1px solid #aaa}.notes-section .rich-text-editor-content:empty:before{content:"Write your notes here....";color:#aaa;cursor:text;pointer-events:none}.color-picker{display:flex;flex-direction:row;gap:2px;align-items:center}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:20px;background-color:#fffbf3;font-family:Montserrat,sans-serif}.error-boundary-content{text-align:center;max-width:500px;padding:40px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a}.error-icon{font-size:48px;margin-bottom:20px}.error-boundary h2{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;color:#333;margin-bottom:16px}.error-boundary p{color:#666;font-size:16px;line-height:1.5;margin-bottom:24px}.error-details{text-align:left;margin:20px 0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.error-details summary{padding:12px 16px;background-color:#f8f9fa;cursor:pointer;font-weight:500;border-bottom:1px solid #e0e0e0}.error-details summary:hover{background-color:#f1f3f4}.error-stack{padding:16px;margin:0;background-color:#f8f9fa;font-family:Courier New,monospace;font-size:12px;color:#d73a49;white-space:pre-wrap;overflow-x:auto;max-height:200px;overflow-y:auto}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.retry-button,.reload-button{padding:12px 24px;border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:120px}.retry-button{background-color:#333;color:#fff}.retry-button:hover{background-color:#555;transform:translateY(-1px)}.reload-button{background-color:transparent;color:#333;border:1px solid #ccc}.reload-button:hover{background-color:#f5f2eb;border-color:#bbb;transform:translateY(-1px)}.retry-button:active,.reload-button:active{transform:translateY(0)}@media (max-width: 768px){.error-boundary{padding:16px;min-height:300px}.error-boundary-content{padding:24px}.error-boundary h2{font-size:20px}.error-boundary p{font-size:14px}.error-actions{flex-direction:column}.retry-button,.reload-button{width:100%}}.billing-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:var(--font-family-default);min-height:100vh;background-color:var(--bg-color)}.billing-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.back-button{background:none;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:var(--body2-size);color:var(--text-color);transition:all .2s ease}.back-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.billing-title{font-size:var(--h2-size);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0}.billing-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.order-summary{background-color:#f8f9fa;border-radius:12px;padding:2rem;border:1px solid #e5e7eb}.section-title{font-size:var(--h3-size);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #22c55e}.course-info{margin-bottom:1.5rem}.course-title{font-size:var(--h4-size);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0 0 1rem}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:1rem}.item-info{flex:1}.item-name{display:block;font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:.25rem}.item-desc{display:block;font-size:var(--body3-size);color:var(--secondary-text-color)}.item-price{font-size:var(--body1-size);font-weight:var(--font-weight-bold);color:#22c55e}.selected-topics{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:1rem}.topics-header{background-color:#f3f4f6;padding:.75rem 1rem;font-weight:var(--font-weight-medium);color:var(--text-color);border-bottom:1px solid #e5e7eb}.topic-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.topic-item:last-child{border-bottom:none}.topic-number{font-size:var(--body3-size);color:var(--secondary-text-color);min-width:80px}.topic-name{font-size:var(--body2-size);color:var(--text-color);flex:1}.price-breakdown{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:1rem}.price-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.price-row.total{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:1rem;font-weight:var(--font-weight-bold)}.original-price{color:var(--secondary-text-color);text-decoration:line-through}.total-price{font-size:var(--h4-size);color:#22c55e;font-weight:var(--font-weight-bold)}.payment-section{background-color:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb}.payment-title{font-size:var(--h4-size);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0 0 1rem}.payment-info{background-color:#f8f9fa;border-radius:6px;padding:1rem;margin-bottom:1.5rem;border-left:4px solid #3b82f6}.payment-info p{margin:0 0 .5rem;color:var(--text-color)}.payment-info p:last-child{margin-bottom:0}.payment-note{font-size:var(--body3-size);color:var(--secondary-text-color);font-style:italic;margin-bottom:1rem}.coupon-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed #e5e7eb}.coupon-input-container{display:flex;gap:.5rem;margin-top:.5rem}.coupon-input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:var(--body2-size);transition:border-color .2s ease}.coupon-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.coupon-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.validate-coupon{background-color:#22c55e;color:#fff;border:none;border-radius:6px;padding:0 1.25rem;font-size:var(--body2-size);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.validate-coupon:hover:not(:disabled){background-color:#16a34a}.validate-coupon:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.coupon-applied{display:flex;align-items:center;justify-content:space-between;background-color:#ecfdf5;border:1px solid #10b981;border-radius:6px;padding:.75rem 1rem;color:#065f46;font-size:var(--body2-size);font-weight:var(--font-weight-medium)}.remove-coupon{background:none;border:none;color:#065f46;font-size:var(--body3-size);text-decoration:underline;cursor:pointer;margin-left:.5rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.remove-coupon:hover:not(:disabled){background-color:#10b9811a}.remove-coupon:disabled{opacity:.6;cursor:not-allowed}.final-amount{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-radius:6px;padding:1.25rem;margin:1.5rem 0;font-size:var(--body1-size);font-weight:var(--font-weight-bold);color:var(--text-color);border:1px solid #e5e7eb}.final-amount .amount{font-size:1.25rem;color:#22c55e}.discount-text{position:absolute;right:2rem;top:-.75rem;background-color:#22c55e;color:#fff;font-size:var(--body3-size);font-weight:var(--font-weight-medium);padding:.25rem .5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}.pay-button{width:100%;background-color:#22c55e;color:#fff;border:none;padding:1rem 2rem;font-size:var(--body1-size);font-weight:var(--font-weight-bold);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.pay-button:hover:not(:disabled){background-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.pay-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.pay-button:active:not(:disabled){transform:translateY(0)}.billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.billing-loading p{color:var(--secondary-text-color);font-size:var(--body2-size)}@media (max-width: 768px){.billing-container{padding:1rem}.billing-content{grid-template-columns:1fr;gap:2rem}.billing-header{flex-direction:column;align-items:flex-start;gap:.5rem}.back-button{align-self:flex-start}.billing-title{font-size:var(--h3-size)}.order-summary,.payment-section{padding:1.5rem}}@media (max-width: 480px){.billing-container{padding:.5rem}.order-summary,.payment-section{padding:1rem}.purchase-item{flex-direction:column;align-items:flex-start;gap:.5rem}.item-price{align-self:flex-end}}.container{max-width:1200px;margin:0 auto;padding:2rem;font-family:var(--font-family-default);min-height:100vh;background-color:var(--bg-color)}.header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:2rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#7c3aed)}.headerContent{max-width:1200px;margin:0 auto;width:100%}.backButton{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#4f46e5;font-weight:500;font-size:.95rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .2s}.backButton:hover{color:#4338ca}.courseHeader{display:flex;gap:3rem;align-items:flex-start}.courseHeaderContent{flex:1}.courseCategory{display:inline-block;background:#4f46e51a;color:#4f46e5;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.courseTitle{font-size:2.25rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.2}.courseShortDescription{color:#4b5563;font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;max-width:700px}.courseMetaContainer{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.courseRating,.courseDuration,.courseLevel{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.95rem}.ratingStars{color:#f59e0b;font-size:1rem;letter-spacing:1px}.ratingText{font-weight:500}.coursePriceContainer{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.priceTag{display:flex;align-items:center;gap:.75rem}.currentPrice{font-size:1.75rem;font-weight:700;color:#1f2937}.originalPrice{font-size:1.25rem;color:#9ca3af;text-decoration:line-through}.discountBadge{background:#10b981;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;margin-left:.5rem}.enrollButton,.startLearningButton{padding:.75rem 1.75rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.enrollButton{background:#4f46e5;color:#fff}.enrollButton:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.startLearningButton{background:#10b981;color:#fff}.startLearningButton:hover{background:#0d9f6e;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.courseHeaderImage{flex:0 0 380px;height:240px;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(0,0,0,.05)}.courseHeaderImage img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.courseHeaderImage:hover img{transform:scale(1.03)}.courseImagePlaceholder{width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:3rem}@media (max-width: 1024px){.courseHeader{flex-direction:column-reverse;gap:2rem}.courseHeaderImage{flex:0 0 auto;width:100%;max-width:500px;margin:0 auto}.courseTitle{font-size:1.875rem}}@media (max-width: 640px){.header{padding:1.5rem 1.25rem;margin-left:-1rem;margin-right:-1rem;border-radius:0}.courseTitle{font-size:1.625rem}.courseMetaContainer{flex-direction:column;gap:.75rem}.coursePriceContainer{flex-direction:column;align-items:flex-start;gap:1rem}}.courseMetadata{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.coursePrice{color:var(--text-color);font-weight:var(--font-weight-bold);font-size:var(--body1-size)}.originalPrice{color:var(--secondary-text-color);text-decoration:line-through;font-weight:var(--font-weight-regular);margin-left:.5rem}.courseTags{display:flex;gap:.5rem;flex-wrap:wrap}.courseTag{background-color:#f3f4f6;color:var(--secondary-text-color);padding:.25rem .5rem;border-radius:4px;font-size:var(--body4-size);font-weight:500}.courseTitle{font-size:var(--h2-size);line-height:var(--h2-line-height);color:var(--text-color);margin:0;font-weight:var(--font-weight-bold)}.underline{width:60px;height:4px;background-color:#ef4444;margin-top:.5rem}.backButton{background-color:var(--text-color);color:var(--bg-color);border:none;padding:.75rem 2rem;font-size:var(--body2-size);font-weight:var(--font-weight-bold);border-radius:12px;cursor:pointer;transition:all .2s ease}.backButton:hover{background-color:var(--secondary-text-color);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.buyCourseButton{background-color:#ef4444;color:#fff;border:none;padding:.75rem 2rem;font-size:var(--body2-size);font-weight:var(--font-weight-bold);border-radius:12px;cursor:pointer;transition:all .2s ease}.buyCourseButton:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.tabNavigation{display:flex;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab{background:none;border:none;padding:1rem 2rem;font-size:var(--body1-size);font-weight:var(--font-weight-regular);color:var(--secondary-text-color);cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;font-family:var(--font-family-default)}.tab:hover{color:var(--text-color)}.activeTab{color:var(--bg-color)!important;background-color:var(--text-color);border-bottom-color:var(--text-color)}.tabContent{min-height:400px}.descriptionContent{padding:1rem 0}.sectionTitle{font-size:var(--h3-size);line-height:var(--h3-line-height);color:var(--text-color);margin-bottom:1.5rem;font-weight:var(--font-weight-bold)}.sectionTitle:after{content:"";display:block;width:40px;height:3px;background-color:#ef4444;margin-top:.5rem}.descriptionText{font-size:var(--body2-size);line-height:var(--body2-line-height);color:var(--text-color)}.descriptionText p{margin-bottom:.75rem}.curriculumContent{padding:1rem 0}.subjectsList{display:flex;flex-direction:column;gap:1rem}.subjectCard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s ease}.subjectCard:hover{box-shadow:0 4px 12px #0000001a}.subjectHeader{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background-color:#f9fafb;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #e5e7eb}.subjectHeader:hover{background-color:#f3f4f6}.subjectInfo{display:flex;align-items:center;gap:.75rem}.folderIcon{font-size:1.25rem}.subjectName{font-size:1.1rem;font-weight:500;color:#374151}.topicsSection{margin:2.5rem 0;width:100%;padding:0 2rem;box-sizing:border-box}.topicsHeader{margin:0 0 1.5rem;width:100%;padding:0;box-sizing:border-box}.topicsHeader h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;position:relative;display:inline-block}.topicsHeader h2:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px}.topicContent{display:flex;align-items:center;gap:.5rem;flex:1;word-wrap:break-word;max-width:calc(100% - 40px)}.topicsList{display:flex;flex-direction:column;gap:.75rem;max-width:100%;margin:0;width:100%;padding:.5rem 0}.topicCard{background:#fff;border-radius:10px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;margin:0 0 1rem;width:100%;box-sizing:border-box}.topicItem{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .2s ease;cursor:pointer;position:relative;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0 0 1rem;width:100%;box-sizing:border-box;min-height:80px;gap:1.25rem}.topicItem:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.topicItem:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:#4f46e5;border-radius:0 4px 4px 0;transition:height .3s ease}.topicItem:hover:before{height:60%}.topicItem.selected{background-color:#f8fafc;border-left:3px solid #4f46e5;border-top-left-radius:6px;border-bottom-left-radius:6px;position:relative;left:-1px}.topicItem.selected:before{height:100%}.chapterItem{display:flex;align-items:center;padding:.75rem 1rem;margin:.5rem 0;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.chapterItem .fa-book-open{margin-right:12px;font-size:1.1rem;color:#4f46e5;min-width:20px;text-align:center}.chapterItem.purchased{display:flex;align-items:center}.chapterItem.locked{opacity:.7;display:flex;align-items:center}.topicInfo{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:.5rem;width:100%}.topicHeader{display:flex;align-items:center;flex:1;min-width:0;gap:.75rem;margin:0;flex-wrap:nowrap}.topicIcon{font-size:1.25rem;color:#4f46e5;min-width:24px;display:flex;align-items:center;justify-content:center}.chapterNumber{color:#4f46e5;font-size:.85rem;font-weight:600;background:#4f46e51a;padding:.3rem .8rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;min-width:80px;text-align:center;white-space:nowrap;flex-shrink:0;margin:0 auto}.chapterTitle{color:#1f2937;font-size:1rem;font-weight:500;flex:1;line-height:1.4;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.topicMeta{display:flex;align-items:center;gap:1.5rem;margin-left:auto;padding-left:1rem;font-size:.9rem;white-space:nowrap;flex-shrink:0}.topicInfo{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0;gap:1rem;width:100%;padding:.25rem 0;text-align:left}.topicPrice{display:flex;align-items:center;gap:.5rem;font-size:.95rem;margin-left:auto;white-space:nowrap;flex-shrink:0;padding:0 .5rem}.topicActions{display:flex;gap:.75rem;margin-left:1rem}.topicPrice{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.topicPrice .current{font-weight:600;color:#1f2937}.topicPrice .original{text-decoration:line-through;color:#9ca3af;font-size:.9em}.topicDuration{display:flex;align-items:center;gap:.4rem;color:#6b7280;font-size:.9rem}.topicDuration i{font-size:.9em;color:#9ca3af}.topicActions{display:flex;gap:.75rem;margin-left:auto}.viewButton{background:#4f46e5;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.viewButton:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 2px 8px #4338ca33}.viewButton i{font-size:.8em}@media (max-width: 768px){.topicsSection{padding:0 1rem}.topicItem{flex-direction:column;align-items:flex-start;padding:1rem;gap:.75rem}.topicHeader{flex-direction:row;align-items:center;width:100%;gap:.75rem}.chapterNumber{min-width:auto;padding:.2rem .6rem;font-size:.8rem}.topicMeta{width:100%;margin:.75rem 0 0;padding:.75rem 0 0;border-top:1px dashed #e5e7eb;justify-content:space-between;gap:1rem}.topicPrice{margin-left:0;padding-left:0}.topicHeader{flex-direction:column;align-items:flex-start;gap:.5rem}.topicMeta{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1rem;width:100%}.topicActions{width:100%;margin-top:.5rem}.viewButton{width:100%;justify-content:center;padding:.6rem 1rem}}.topicOfferPrice{color:var(--text-color);font-weight:var(--font-weight-bold);font-size:var(--body3-size)}.topicOriginalPrice{color:var(--secondary-text-color);text-decoration:line-through;font-weight:var(--font-weight-regular);font-size:var(--body3-size)}.expandIcon{font-size:.8rem;color:#6b7280;transition:transform .2s ease}.expandIcon.expanded{transform:rotate(90deg)}.resourcesContainer{background-color:var(--bg-color);padding:1.5rem;border-top:1px solid var(--border-color)}.loadingResources{display:flex;align-items:center;gap:.5rem;color:var(--secondary-text-color);padding:1rem 0;justify-content:center}.resourcesList{display:flex;flex-direction:column;gap:1rem}.resourceItem{background-color:#f8f9fa;border-radius:6px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.resourceItem:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pdfContainer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:6px;transition:all .2s ease}.pdfContainer:hover{background-color:#f1f3f5;box-shadow:0 2px 4px #0000000d}.pdfIcon{font-size:1.5rem;color:#e74c3c;flex-shrink:0}.resourceInfo{flex:1;min-width:0}.resourceName{display:block;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--body2-size)}.resourceMeta{display:block;font-size:var(--body4-size);color:var(--secondary-text-color);margin-top:.25rem}.viewButton{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-size:var(--body3-size);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.viewButton:hover{background-color:#2980b9;transform:translateY(-1px)}.viewButton:active{transform:translateY(0)}.audioList{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-color)}.audioItem{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;background-color:#f8f9fa;border-radius:6px;transition:all .2s ease}.audioItem:hover{background-color:#f1f3f5}.audioInfo{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.audioIcon{font-size:1.25rem;color:#9b59b6;flex-shrink:0}.audioDetails{flex:1;min-width:0}.audioName{display:block;font-size:var(--body3-size);font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audioMeta{display:block;font-size:var(--body4-size);color:var(--secondary-text-color);margin-top:.15rem}.playButton{width:32px;height:32px;border-radius:50%;background-color:#2ecc71;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.playButton:hover{background-color:#27ae60;transform:scale(1.1)}.playButton.playing{background-color:#e74c3c;width:32px;border-radius:4px}.playButton.playing:hover{background-color:#c0392b}.noResources{color:var(--secondary-text-color);text-align:center;padding:1.5rem 0;font-style:italic;font-size:var(--body2-size)}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.errorContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.errorText{color:#dc2626;font-size:1.2rem;margin-bottom:1rem}.debugText{color:var(--secondary-text-color);font-size:var(--body4-size);margin-bottom:1rem}.noSubjects{text-align:center;padding:2rem;color:#6b7280;font-style:italic}@media (max-width: 768px){.container{padding:1rem}.header{flex-direction:column;gap:1rem}.courseInfo{flex-direction:column;align-items:center;text-align:center}.courseImage{width:100px;height:100px}.courseTitle{font-size:2rem}.backButton{margin-left:0;align-self:flex-end}.tabNavigation{flex-direction:column}.tab{padding:.75rem 1rem;text-align:left}}.courseSelectionSection{margin-bottom:2rem}.fullCourseOption{margin-bottom:1rem}.courseSelectionCard{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease}.courseSelectionCard:hover{background-color:#f1f3f5;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.courseSelectionCard.selected{background-color:#e8f5e8;border-color:#22c55e;box-shadow:0 4px 12px #22c55e33}.courseSelectionInfo{flex:1}.courseSelectionTitle{font-size:var(--h4-size);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0 0 .5rem}.courseSelectionDesc{font-size:var(--body3-size);color:var(--secondary-text-color);margin:0 0 .75rem}.courseSelectionPrice{font-size:var(--body1-size);font-weight:var(--font-weight-bold);color:var(--text-color)}.topicsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.topicsList{display:flex;flex-direction:column;width:600px;gap:1rem}.selectionCounter{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:var(--body3-size);font-weight:var(--font-weight-medium)}.topicCard.selected{background-color:#e8f5e8;border:1px solid #22c55e}.topicSelectionWrapper{display:flex;align-items:center;gap:1rem}.chapterItem{flex:1}.proceedSection{position:sticky;bottom:0;background-color:var(--bg-color);padding:1.5rem 0;border-top:1px solid #e5e7eb;margin-top:2rem}.proceedCard{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.proceedInfo{flex:1}.proceedTitle{font-size:var(--body1-size);font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:.25rem}.proceedPrice{font-size:var(--h4-size);font-weight:var(--font-weight-bold);color:#22c55e}.proceedButton{background-color:#22c55e;color:#fff;border:none;padding:1rem 2rem;font-size:var(--body1-size);font-weight:var(--font-weight-bold);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.proceedButton:hover{background-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.proceedButton:active{transform:translateY(0)}.topicIcons{display:flex;align-items:center;justify-content:center;margin-left:auto;padding-left:.5rem;flex-shrink:0;width:40px}.readIcon{font-size:1.2rem;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto}.selectIcon{font-size:1rem;cursor:pointer;transition:transform .2s ease;opacity:.7;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto}.selectIcon:hover{transform:scale(1.2);opacity:1}.chapterItem:hover .readIcon{transform:scale(1.1)}.dashboard-main-content{flex:1;margin-left:240px;padding:32px;overflow-y:auto}.content-container{max-width:1200px;margin:0 auto}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;margin:0}.course-card{transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.categories-section,.my-courses-section{background-color:var(--bg-color);border-radius:12px;padding:32px;border:1px solid var(--border-color)}.all-courses-section{background-color:var(--bg-color)}.all-courses-section h2{margin-bottom:24px}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.dashboard-main-content{margin-left:200px;padding:24px 16px}.courses-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 640px){.dashboard-main-content{margin-left:0;padding:16px}.courses-grid{grid-template-columns:1fr;gap:16px}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.side-navbar{width:240px;background-color:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px 0;position:fixed;height:100vh;left:0;top:0;z-index:100}.navbar-logo{display:flex;justify-content:center}.navbar-logo img{align-items:center;margin-bottom:24px}.navbar-nav{flex:1;padding:0 16px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;text-align:left}.nav-item:hover{background-color:#f3f4f6}.nav-item.active{background-color:var(--border-color);color:var(--text-color)}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-label{font-size:var(--body3-size);font-weight:var(--font-weight-regular)}.navbar-logout{padding:24px 16px 0;border-top:1px solid var(--border-color)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#ef4444}.logout-btn:hover{background-color:#fef2f2}.logout-icon{width:20px;height:20px}.logout-label{font-size:var(--body3-size);font-weight:var(--font-weight-regular)}@media (max-width: 768px){.side-navbar{width:200px}}@media (max-width: 640px){.side-navbar{width:100%;position:fixed;transform:translate(-100%);transition:transform .3s ease}.side-navbar.open{transform:translate(0)}}.dashboard-container,.profile-container{display:flex;min-height:100vh;background-color:var(--bg-color)}.profile-main-content{flex:1;margin-left:240px;padding:32px;overflow-y:auto}.profile-content-container{max-width:800px;margin:0 auto}.text-primary{color:var(--text-color)}.text-secondary{color:var(--secondary-text-color)}.profile-section{background-color:var(--bg-color);border-radius:12px;padding:40px;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000014}.profile-section h1{margin-bottom:32px;color:var(--text-color)}.profile-info{margin-bottom:32px}.profile-field{display:flex;align-items:center;margin-bottom:20px;padding:16px 0;border-bottom:1px solid #f3f4f6}.profile-field:last-child{border-bottom:none;margin-bottom:0}.profile-label{min-width:120px;color:var(--text-color);margin-right:16px}.profile-value{flex:1;color:var(--text-color)}.profile-actions{display:flex;gap:16px;padding-top:24px;border-top:1px solid var(--border-color)}.profile-edit-btn{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-default);background-color:#6366f1;color:#fff}.profile-edit-btn:hover{background-color:#4f46e5;transform:translateY(-1px)}@media (max-width: 768px){.profile-main-content{margin-left:200px;padding:24px 16px}.profile-section{padding:24px}.profile-field{flex-direction:column;align-items:flex-start;gap:8px}.profile-label{min-width:auto;margin-right:0}.profile-actions{flex-direction:column}.profile-edit-btn{width:100%}}@media (max-width: 640px){.profile-main-content{margin-left:0;padding:16px}.profile-section{padding:20px}.profile-section h1{font-size:var(--h3-size);margin-bottom:24px}}._container_fswi9_1{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}._title_fswi9_15{font-size:2rem;color:#2c3e50;margin-bottom:2rem;font-weight:600}._topicsList_fswi9_29{display:flex;flex-direction:column;gap:1rem}._topicCard_fswi9_41{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}._topicHeader_fswi9_57{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background-color:#f8f9fa;cursor:pointer;transition:background-color .2s ease}._topicHeader_fswi9_57:hover{background-color:#e9ecef}._topicHeader_fswi9_57._expanded_fswi9_85{background-color:#e9ecef;border-bottom:1px solid #dee2e6}._topicTitle_fswi9_95{margin:0;font-size:1.1rem;font-weight:500;color:#343a40}._arrowIcon_fswi9_109{font-size:.8rem;color:#6c757d;transition:transform .2s ease}._topicHeader_fswi9_57._expanded_fswi9_85 ._arrowIcon_fswi9_109{transform:rotate(180deg)}._resourcesContainer_fswi9_129{background-color:#fff;padding:1.5rem;border-top:1px solid #e9ecef}._loadingResources_fswi9_141{display:flex;align-items:center;gap:.5rem;color:#6c757d;padding:1rem 0;justify-content:center}._resourcesList_fswi9_159{display:flex;flex-direction:column;gap:1rem}._resourceItem_fswi9_171{background-color:#f8f9fa;border-radius:6px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}._resourceItem_fswi9_171:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}._pdfContainer_fswi9_195{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:6px;transition:all .2s ease}._pdfContainer_fswi9_195:hover{background-color:#f1f3f5;box-shadow:0 2px 4px #0000000d}._pdfIcon_fswi9_227{font-size:1.5rem;color:#e74c3c;flex-shrink:0}._resourceInfo_fswi9_239{flex:1;min-width:0}._resourceName_fswi9_249{display:block;font-weight:500;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._resourceMeta_fswi9_267{display:block;font-size:.8rem;color:#6c757d;margin-top:.25rem}._viewButton_fswi9_281{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}._viewButton_fswi9_281:hover{background-color:#2980b9;transform:translateY(-1px)}._viewButton_fswi9_281:active{transform:translateY(0)}._audioList_fswi9_327{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px dashed #dee2e6}._audioItem_fswi9_345{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;background-color:#f8f9fa;border-radius:6px;transition:all .2s ease}._audioItem_fswi9_345:hover{background-color:#f1f3f5}._audioInfo_fswi9_375{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}._audioIcon_fswi9_391{font-size:1.25rem;color:#9b59b6;flex-shrink:0}._audioDetails_fswi9_403{flex:1;min-width:0}._audioName_fswi9_413{display:block;font-size:.9rem;font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._audioMeta_fswi9_433{display:block;font-size:.75rem;color:#7f8c8d;margin-top:.15rem}._playButton_fswi9_447{width:32px;height:32px;border-radius:50%;background-color:#2ecc71;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}._playButton_fswi9_447:hover{background-color:#27ae60;transform:scale(1.1)}._playButton_fswi9_447._playing_fswi9_487{background-color:#e74c3c;width:32px;border-radius:4px}._playButton_fswi9_447._playing_fswi9_487:hover{background-color:#c0392b}._noResources_fswi9_507{color:#6c757d;text-align:center;padding:1.5rem 0;font-style:italic}._loadingContainer_fswi9_521{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}._errorContainer_fswi9_539{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;text-align:center;padding:2rem}._errorText_fswi9_561{color:#dc3545;font-size:1.1rem;margin-bottom:1rem}._retryButton_fswi9_573{padding:.5rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}._retryButton_fswi9_573:hover{background-color:#0056b3}.user-details-container{min-height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column}.user-details-content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.user-details-box{width:100%;max-width:600px;margin:0 auto}.user-details-title{text-align:center;margin-bottom:2rem;color:var(--text-color)}.user-details-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{color:var(--text-color);font-weight:500;margin-bottom:0}.dropdown-select{width:100%;padding:.875rem 3rem .875rem 1rem;border:1px solid var(--text-color);border-radius:12px;background-color:var(--bg-color);color:var(--text-color);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;box-sizing:border-box;overflow:hidden}.dropdown-select:focus{outline:none;border-color:var(--text-color);box-shadow:0 0 0 2px #0000001a}.dropdown-select:hover{border-color:#ccc}.dropdown-select.error{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a;animation:shake .3s ease-in-out}.dropdown-select option{padding:.75rem;background-color:var(--bg-color);color:var(--text-color)}.segmented-control{display:flex;border:1px solid var(--text-color);border-radius:12px;overflow:hidden;background-color:var(--bg-color)}.segmented-option{flex:1;padding:.875rem 1rem;background-color:transparent;color:var(--text-color);border:none;border-right:1px solid var(--text-color);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular);cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.segmented-option:last-child{border-right:none}.segmented-option:hover:not(.selected){background-color:#f8f8f8}.segmented-option.selected{background-color:var(--text-color);color:var(--bg-color);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-bold)}.segmented-option:focus{outline:none;position:relative;z-index:1;box-shadow:inset 0 0 0 2px #0003}.error-message{color:#e74c3c}.save-button-container{display:flex;justify-content:center;margin-top:1rem}.save-button{background-color:var(--text-color);color:var(--bg-color);border:none;border-radius:12px;padding:.875rem 2rem;cursor:pointer;transition:all .2s ease;min-width:150px;width:100%}.save-button:hover{background-color:var(--secondary-text-color, #333);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.save-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.save-button:focus{outline:none;box-shadow:0 0 0 3px #0003}.save-button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--secondary-text-color, #666)}.save-button:disabled:hover{transform:none;box-shadow:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.user-details-content{padding:1rem}.user-details-box{max-width:100%}.dropdown-select{padding:.75rem 2.5rem .75rem .875rem;background-size:.875rem;background-position:right .875rem center}.segmented-option{padding:.75rem .875rem;font-family:var(--font-family-default);font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular)}.save-button{padding:.75rem 1.5rem;min-width:120px}}@media (max-width: 480px){.user-details-content{padding:.75rem}.user-details-form{gap:1.25rem}.dropdown-select{padding:.625rem 2.25rem .625rem .75rem;font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular)}.segmented-option{padding:.625rem .75rem;font-size:var(--body3-size);line-height:var(--body3-line-height);font-weight:var(--font-weight-regular)}.save-button{padding:.625rem 1.25rem}}@media (max-width: 360px){.segmented-option{font-size:.85rem;padding:.5rem}}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.course-card{height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000000d}.course-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#cbd5e1}.course-card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem #00000026}.course-card .card-img-top{border-bottom:1px solid rgba(0,0,0,.125)}.course-card .card-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#212529}.course-card .card-text{color:#6c757d;font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em;line-height:1.5em}.course-card .price{font-size:1.25rem;font-weight:700;color:#0d6efd}.course-card .original-price{text-decoration:line-through;color:#6c757d;font-size:.9rem;margin-right:.5rem}.course-card .card-footer{background-color:#f8f9fa;border-top:1px solid rgba(0,0,0,.05);font-size:.8rem;padding:.75rem 1.25rem}.course-card .badge{font-weight:500;padding:.35em .65em;font-size:.75em}@media (max-width: 768px){.course-card{margin-bottom:1.5rem}.courses-grid{grid-template-columns:1fr}}.alert-info{background-color:#e7f5ff;border-color:#d0ebff;color:#0c63e4;padding:1rem;border-radius:.5rem;margin-top:1rem}.error-message{color:#842029;background-color:#f8d7da;border:1px solid #f5c2c7;padding:1rem;border-radius:.5rem;margin:1rem 0}.no-courses{text-align:center;padding:3rem;background:#f8f9fa;border-radius:8px;color:#6c757d}.no-courses p{margin-bottom:1rem;font-size:1.1rem}