.course-creation-container.passive-course{--digital-primary: #059669;--digital-primary-hover: #047857;--digital-accent: #10b981;--digital-accent-hover: #059669;--digital-gradient: linear-gradient(135deg, #059669, #10b981);--digital-light: rgba(5, 150, 105, .1);--digital-border: rgba(5, 150, 105, .3)}.skill-search-container{position:relative}.skill-search-input{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:1.25rem;transition:all .2s ease}.skill-search-input:focus{outline:none;border-color:var(--digital-primary);box-shadow:0 0 0 3px var(--digital-light)}.skill-search-results{position:absolute;top:100%;left:0;right:0;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:100;display:none;margin-top:4px}.skill-search-results.show{display:block}.skill-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-color)}.skill-result-item:last-child{border-bottom:none}.skill-result-item:hover,.skill-result-item.selected{background:var(--digital-light)}.skill-result-icon{font-size:1.25rem;flex-shrink:0}.skill-result-content{flex:1;min-width:0}.skill-result-name{font-weight:600;color:var(--text-primary);display:block}.skill-result-path{font-size:.8rem;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-no-results{padding:1rem;text-align:center;color:var(--text-muted);font-size:.9rem}.skill-search-container input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s ease}.skill-search-container input:focus{outline:none;border-color:var(--digital-primary);box-shadow:0 0 0 3px var(--digital-light)}.search-result-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;gap:.75rem;border-bottom:1px solid var(--border-color);transition:background .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:var(--digital-light)}.search-result-icon{font-size:1.25rem;flex-shrink:0}.search-result-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.search-result-name{font-weight:500;color:var(--text-primary)}.search-result-path{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-no-results{padding:1rem;text-align:center;color:var(--text-secondary)}.btn-green,.btn-add-goal.btn-green{background:var(--digital-gradient);color:#fff;border:none;padding:.625rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.btn-green:hover,.btn-add-goal.btn-green:hover{background:var(--digital-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.learning-goals-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.learning-goal-item{display:flex;align-items:center;gap:.5rem}.learning-goal-input{flex:1;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;background:var(--background-color)}.learning-goal-input:focus{outline:none;border-color:var(--digital-primary)}.btn-remove-goal{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-goal:hover{background:#ef4444;color:#fff}.course-creation-container{max-width:1000px;margin:0 auto;padding:2rem 1rem;min-height:100vh}.creation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.header-content h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.header-description{color:var(--text-secondary);font-size:1.1rem;margin:0;max-width:600px}.course-type-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--digital-gradient);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;margin-bottom:1rem}.progress-container{margin-bottom:3rem}.progress-bar{width:100%;height:8px;background:var(--surface-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.5rem}.progress-fill{height:100%;background:var(--digital-gradient);border-radius:var(--radius-lg);transition:width .3s ease;width:20%}.progress-steps{display:flex;justify-content:space-between;align-items:center}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;right:-40%;height:2px;background:var(--border-color);z-index:-1}.step.active:not(:last-child):after,.step.completed:not(:last-child):after{background:var(--digital-primary)}.step-number{width:30px;height:30px;border-radius:50%;background:var(--surface-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;border:2px solid var(--border-color);transition:all .3s ease}.step.active .step-number{background:var(--digital-primary);color:#fff;border-color:var(--digital-primary)}.step.completed .step-number{background:var(--digital-accent);color:#fff;border-color:var(--digital-accent)}.step-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-align:center}.step.active .step-label{color:var(--digital-primary);font-weight:600}.course-form{background:var(--background-color)}.form-step{display:none;animation:fadeIn .3s ease}.form-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:3rem}.step-header h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.step-header p{color:var(--text-secondary);font-size:1.1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label,.form-group legend{display:block;font-weight:600;color:var(--text-primary);font-size:.95rem}.form-group fieldset{border:none;padding:0;margin:0}.form-group legend{padding:0;width:100%}.form-group label.required:after{content:" *";color:var(--danger-color)}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--background-color);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--digital-primary);box-shadow:0 0 0 3px var(--digital-light)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--danger-color)}.help-text{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.error-message{font-size:.875rem;color:var(--danger-color);margin-top:.25rem;display:none}.error-message.show{display:block}.char-counter{font-size:.875rem;color:var(--text-muted);text-align:right;margin-top:.25rem}.checkbox-group{margin-top:.5rem;width:100%}.checkbox-group>div{width:100%}.checkbox-group input[type=checkbox]{display:none}.checkbox-label{display:inline-block;width:100%;padding:11px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all .3s ease;position:relative;font-size:.95rem;font-weight:500;color:var(--text-secondary);text-align:center}.checkbox-label:hover{border-color:var(--digital-primary);background:var(--digital-light);color:var(--text-primary)}.checkbox-group input[type=checkbox]:checked+.checkbox-label{background:var(--digital-primary);border-color:var(--digital-primary);color:#fff;font-weight:600}.checkbox-group input[type=checkbox]:checked+.checkbox-label:before{content:"✓";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:700}.checkbox-group input[type=checkbox]:focus+.checkbox-label{outline:2px solid var(--digital-primary);outline-offset:2px}.editor-toolbar{display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem;background:var(--surface-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.editor-btn{padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--background-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:all .2s ease}.editor-btn:hover{background:var(--digital-light);border-color:var(--digital-primary)}.rich-editor{min-height:200px;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-color);line-height:1.6;font-size:1rem}.rich-editor:focus{outline:none;border-color:var(--digital-primary);box-shadow:0 0 0 3px var(--digital-light)}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.modules-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.module-item{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);overflow:hidden}.module-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--digital-light),transparent);border-bottom:1px solid var(--border-color);cursor:pointer}.module-title-section{display:flex;align-items:center;gap:1rem;flex:1}.module-number{width:32px;height:32px;background:var(--digital-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.module-title-input{flex:1;border:none;background:transparent;font-size:1.1rem;font-weight:600;color:var(--text-primary);padding:.5rem}.module-title-input:focus{outline:none;background:#fff;border-radius:var(--radius-sm)}.module-actions{display:flex;gap:.5rem}.module-toggle-btn,.module-delete-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.module-toggle-btn{background:var(--surface-color);color:var(--text-secondary)}.module-toggle-btn:hover{background:var(--digital-light);color:var(--digital-primary)}.module-delete-btn{background:transparent;color:var(--text-secondary)}.module-delete-btn:hover{background:#ef44441a;color:#ef4444}.module-content{padding:1.5rem}.module-description-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-color);font-size:.95rem;margin-bottom:1.5rem;resize:vertical}.module-description-input:focus{outline:none;border-color:var(--digital-primary)}.lessons-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.lesson-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border-color);border-left:3px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-color);box-shadow:0 1px 3px #00000014;transition:all .2s}.lesson-item.lesson-type-video{border-left-color:#ef4444}.lesson-item.lesson-type-text{border-left-color:#3b82f6}.lesson-item.lesson-type-quiz{border-left-color:#a855f7}.lesson-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.lesson-number{font-size:.8rem;color:var(--text-muted);font-weight:600;min-width:1.5rem;text-align:center}.lesson-drag-handle{cursor:grab;color:var(--text-muted);font-size:1.2rem}.lesson-type-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.lesson-type-icon.video{background:#ef444426}.lesson-type-icon.text{background:#3b82f626}.lesson-type-icon.quiz{background:#a855f726}.lesson-info{flex:1}.lesson-title-input{width:100%;border:none;background:transparent;font-weight:600;color:var(--text-primary);font-size:1rem}.lesson-title-input:focus{outline:none}.lesson-meta{margin-top:.25rem}.lesson-meta-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.lesson-meta-badge.video{background:#ef44441a;color:#dc2626}.lesson-meta-badge.text{background:#3b82f61a;color:#2563eb}.lesson-meta-badge.quiz{background:#a855f71a;color:#9333ea}.lesson-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.lesson-item:hover .lesson-actions{opacity:1}.lesson-edit-btn,.lesson-delete-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.85rem}.lesson-edit-btn{background:var(--surface-color);color:var(--text-secondary)}.lesson-edit-btn:hover{background:var(--digital-light);color:var(--digital-primary)}.lesson-delete-btn{background:transparent;color:var(--text-secondary)}.lesson-delete-btn:hover{background:#ef44441a;color:#ef4444}.no-lessons{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic;border:2px dashed var(--border-color);border-radius:var(--radius-md)}.no-lessons-icon{font-size:2rem;display:block;margin-bottom:.5rem;font-style:normal}.no-lessons p{margin:0}.no-lessons-hint{font-size:.85rem;margin-top:.25rem!important;opacity:.7}.add-lesson-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.add-lesson-btn:hover{border-color:var(--digital-primary);color:var(--digital-primary);background:var(--digital-light);transform:scale(1.01)}.add-module-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border:2px dashed var(--digital-border);border-radius:var(--radius-lg);background:var(--digital-light);color:var(--digital-primary);font-weight:600;cursor:pointer;transition:all .2s}.add-module-btn:hover{border-color:var(--digital-primary);background:#05966926}.pricing-model-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.pricing-option{padding:1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center}.pricing-option:hover{border-color:var(--digital-border)}.pricing-option.selected{border-color:var(--digital-primary);background:var(--digital-light)}.pricing-option-icon{font-size:2rem;margin-bottom:.75rem}.pricing-option h4{margin:0 0 .5rem;color:var(--text-primary)}.pricing-option p{margin:0;font-size:.875rem;color:var(--text-secondary)}.price-input-wrapper{background:var(--surface-color);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border-color);margin-bottom:2rem}.price-input-main{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.price-currency{font-size:2rem;font-weight:600;color:var(--text-secondary)}.price-input-large{font-size:3rem;font-weight:700;width:200px;text-align:center;border:none;background:transparent;color:var(--digital-primary)}.price-input-large:focus{outline:none}.price-period{font-size:1.25rem;color:var(--text-secondary)}.earnings-calculator-wrapper{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;position:relative}.calculator-header{text-align:center;margin-bottom:1.5rem}.calculator-header h4{font-size:1.25rem;font-weight:700;color:var(--digital-primary);margin:0 0 .25rem}.calculator-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.earnings-per-student{text-align:center;padding:1.25rem;background:var(--background-color);border-radius:var(--radius-md);margin-bottom:1.25rem;border:1px solid var(--digital-border)}.eps-label{font-size:.85rem;color:var(--text-secondary);display:block;margin-bottom:.5rem}.eps-amount{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.eps-value{font-size:2.25rem;font-weight:700;color:var(--digital-primary);line-height:1;transition:all .3s ease}.eps-value.updating{transform:scale(1.03)}.eps-currency{font-size:1rem;font-weight:600;color:var(--text-secondary)}.eps-note{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.5rem}.student-slider-section{margin-bottom:1.25rem}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.slider-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.slider-value{font-size:1.25rem;font-weight:700;color:var(--digital-primary);min-width:50px;text-align:right;transition:all .2s ease}.slider-value.updating{transform:scale(1.05)}.slider-container{position:relative}.earnings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;background:linear-gradient(90deg,var(--digital-accent) 0%,var(--digital-primary) 100%);border-radius:6px;outline:none;cursor:pointer;margin:0}.earnings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:#fff;border:4px solid var(--digital-primary);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0003;-webkit-transition:all .15s ease;transition:all .15s ease}.earnings-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #05966966}.earnings-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.earnings-slider::-moz-range-thumb{width:28px;height:28px;background:#fff;border:4px solid var(--digital-primary);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0003;-moz-transition:all .15s ease;transition:all .15s ease}.earnings-slider::-moz-range-thumb:hover{transform:scale(1.1)}.earnings-slider::-moz-range-track{height:12px;background:linear-gradient(90deg,var(--digital-accent) 0%,var(--digital-primary) 100%);border-radius:6px}.slider-marks{display:flex;justify-content:space-between;padding:.5rem .25rem 0;font-size:.75rem;color:var(--text-muted)}.earnings-results{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.earnings-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--background-color);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.earnings-card:hover{border-color:var(--digital-border)}.earnings-card.yearly{background:linear-gradient(135deg,var(--digital-primary),var(--digital-accent));border:none}.ec-icon{font-size:1.5rem;flex-shrink:0}.ec-content{flex:1}.ec-label{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:.25rem}.earnings-card.yearly .ec-label{color:#fffc}.ec-value{font-size:1.25rem;font-weight:700;color:var(--digital-primary);transition:all .2s ease}.earnings-card.yearly .ec-value{color:#fff}.ec-value.updating{transform:scale(1.05)}@media(max-width:600px){.earnings-results{grid-template-columns:1fr}.eps-value{font-size:1.75rem}.earnings-calculator-wrapper{padding:1rem}.ec-value{font-size:1.1rem}}.image-upload-area,.gallery-upload-area,.video-upload-area{position:relative;border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:2rem;text-align:center;background:var(--surface-color);transition:border-color .2s ease;cursor:pointer}.image-upload-area:hover,.gallery-upload-area:hover,.video-upload-area:hover{border-color:var(--digital-primary)}.image-upload-area.dragover,.gallery-upload-area.dragover,.video-upload-area.dragover{border-color:var(--digital-accent);background:var(--digital-light)}.upload-placeholder{pointer-events:none}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-specs{font-size:.875rem;color:var(--text-muted);margin-top:.5rem}.image-upload-area input,.gallery-upload-area input,.video-upload-area input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.video-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}.video-thumbnail{width:80px;height:45px;background:#1a1a1a;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.video-info{flex:1}.video-name{font-weight:500;color:var(--text-primary)}.video-size{font-size:.8rem;color:var(--text-muted)}.video-remove-btn{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.video-remove-btn:hover{background:#ef4444;color:#fff}.tier-limit-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--digital-light);border:1px solid var(--digital-border);border-radius:var(--radius-md);margin-top:1rem}.tier-icon{font-size:1.5rem}.tier-text{flex:1}.tier-text strong{color:var(--digital-primary)}.tier-upgrade-btn{padding:.5rem 1rem;background:var(--digital-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.tier-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.preview-section{margin-bottom:2rem}.course-preview{padding:2rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}.preview-dual-container{display:flex;gap:2rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.preview-card-side,.preview-page-side{flex:1;min-width:300px}.preview-section-label{font-size:.95rem;font-weight:500;color:var(--text-secondary);margin:0 0 .5rem}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border-color)}.form-actions.final-actions{justify-content:flex-end;gap:1rem}.btn-primary,.btn-secondary,.btn-outline{padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background:var(--digital-gradient);color:#fff}.btn-primary:hover{background:var(--digital-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-outline{background:transparent;color:var(--digital-primary);border:1px solid var(--digital-primary)}.btn-outline:hover{background:var(--digital-primary);color:#fff}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1010}.loading-spinner{width:50px;height:50px;border:4px solid var(--surface-color);border-top:4px solid var(--digital-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p{color:#fff;font-size:1.1rem;font-weight:600}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-content{background:var(--background-color);border-radius:var(--radius-lg);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-xl)}.modal-header h3{margin:0 0 1rem;color:var(--text-primary)}.modal-body p{margin:0 0 2rem;color:var(--text-secondary);line-height:1.6}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.lesson-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0}.lesson-type-option{padding:2rem 1.5rem;border:2px solid var(--border-color);border-top:4px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #00000014}.lesson-type-option.type-video{border-top-color:#ef4444}.lesson-type-option.type-text{border-top-color:#3b82f6}.lesson-type-option.type-quiz{border-top-color:#a855f7}.lesson-type-option:hover{border-color:var(--digital-border);background:var(--digital-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.lesson-type-option.type-video:hover{border-top-color:#ef4444}.lesson-type-option.type-text:hover{border-top-color:#3b82f6}.lesson-type-option.type-quiz:hover{border-top-color:#a855f7}.lesson-type-option.selected{border-color:var(--digital-primary);background:var(--digital-light)}.lesson-type-selector .lesson-type-icon{font-size:3rem;margin-bottom:.5rem;width:auto;height:auto;border-radius:0;background:none}.lesson-type-name{font-weight:600;color:var(--text-primary)}.lesson-type-option p{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.header-buttons{display:flex;gap:.75rem;align-items:center}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:var(--radius-md);color:#fff;font-weight:500;z-index:1001;transform:translate(100%);transition:transform .3s ease;max-width:300px;box-shadow:0 10px 15px -3px #0000001a}.notification.show{transform:translate(0)}.notification.success{background:var(--digital-accent)}.notification.error{background:#ef4444}.notification.warning{background:#f59e0b}.notification.info{background:var(--digital-primary)}.tier-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.tier-option{padding:1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .2s;position:relative}.tier-option:hover{border-color:var(--digital-border)}.tier-option.selected{border-color:var(--digital-primary);background:var(--digital-light)}.tier-option.recommended{border-color:var(--digital-accent)}.tier-option.recommended:before{content:"Anbefalt";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--digital-gradient);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.tier-name{font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.tier-price{font-size:1.5rem;font-weight:700;color:var(--digital-primary);margin-bottom:.25rem}.tier-price-note{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.tier-features{list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--text-secondary);text-align:left}.tier-features li{padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.tier-features li:before{content:"✓";color:var(--digital-accent);font-weight:700}@media(max-width:768px){.course-creation-container{padding:1rem .5rem}.creation-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-content h1{font-size:2rem}.progress-steps{flex-wrap:wrap;gap:1rem}.step{flex:none;min-width:80px}.step:not(:last-child):after{display:none}.step-label{font-size:.75rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:1rem}.form-actions.final-actions{flex-direction:column}.pricing-model-selector{grid-template-columns:1fr}.tier-selector{grid-template-columns:repeat(2,1fr)}.earnings-grid{grid-template-columns:1fr}.preview-dual-container{flex-direction:column}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.lesson-type-selector{grid-template-columns:1fr}.lesson-actions{opacity:1}}@media(max-width:480px){.header-content h1{font-size:1.75rem}.step-header h2{font-size:1.5rem}.btn-primary,.btn-secondary,.btn-outline{padding:.75rem 1rem;font-size:.95rem;width:100%;justify-content:center}.course-preview{padding:1rem}.tier-selector{grid-template-columns:1fr}.price-input-large{font-size:2rem;width:120px}.module-header{flex-direction:column;gap:1rem;align-items:flex-start}.module-actions{width:100%;justify-content:flex-end}}.btn-upload-pdf{width:32px;height:32px;border:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-upload-pdf:hover{background:var(--digital-light);border-color:var(--digital-primary)}.pdf-indicator{font-size:.8rem;color:var(--digital-primary);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.module-pdf-section{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;margin-top:.5rem;border-top:1px dashed var(--border-color)}.btn-upload-module-pdf{padding:.5rem .875rem;border:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all .2s;display:inline-flex;align-items:center;gap:.35rem}.btn-upload-module-pdf:hover{background:var(--digital-light);border-color:var(--digital-primary);color:var(--digital-primary)}.module-pdf-indicator{font-size:.8rem;color:var(--digital-primary)}.pdf-limit-badge{font-size:.8rem;color:var(--text-muted);background:var(--surface-color);padding:.15rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.btn-add-module,.btn-add-lesson,.btn-add-req{padding:.625rem 1rem;border:1.5px dashed var(--digital-primary);background:transparent;color:var(--digital-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:.35rem}.btn-add-module:hover,.btn-add-lesson:hover,.btn-add-req:hover{background:var(--digital-light);border-style:solid;transform:translateY(-1px)}.btn-add-module{width:100%;justify-content:center;padding:.75rem 1rem;margin-top:.75rem;font-size:.95rem}.btn-add-lesson{width:100%;justify-content:center;padding:.5rem .875rem;font-size:.85rem;border-width:1px}.btn-remove-module,.btn-remove-lesson,.btn-remove-req{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-remove-module:hover,.btn-remove-lesson:hover,.btn-remove-req:hover{background:#ef44441a;color:#ef4444}.btn-collapse-module{width:28px;height:28px;border:none;background:var(--surface-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-collapse-module:hover{background:var(--digital-light);color:var(--digital-primary)}.pricing-model-option{cursor:pointer}.pricing-model-selector .radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.pricing-model-selector .radio-option:hover{border-color:var(--digital-border)}.pricing-model-selector .radio-option:has(input:checked){border-color:var(--digital-primary);background:var(--digital-light)}.pricing-model-selector .radio-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;margin-top:2px;position:relative;transition:all .2s}.pricing-model-selector input[type=radio]{display:none}.pricing-model-selector input[type=radio]:checked+.radio-custom{border-color:var(--digital-primary)}.pricing-model-selector input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background:var(--digital-primary);border-radius:50%}.pricing-model-selector .radio-content strong{display:block;color:var(--text-primary);margin-bottom:.25rem}.pricing-model-selector .radio-content p{margin:0;font-size:.85rem;color:var(--text-secondary)}.invitation-mode-selector{display:flex;flex-direction:column;gap:.75rem}.invitation-mode-selector .radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.invitation-mode-selector .radio-option:hover{border-color:var(--digital-border)}.invitation-mode-selector .radio-option:has(input:checked){border-color:var(--digital-primary);background:var(--digital-light)}.invitation-mode-selector .radio-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;margin-top:2px;position:relative;transition:all .2s}.invitation-mode-selector input[type=radio]{display:none}.invitation-mode-selector input[type=radio]:checked+.radio-custom{border-color:var(--digital-primary)}.invitation-mode-selector input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background:var(--digital-primary);border-radius:50%}.invitation-mode-selector .radio-content strong{display:block;color:var(--text-primary);margin-bottom:.25rem}.invitation-mode-selector .radio-content p{margin:0;font-size:.85rem;color:var(--text-secondary)}.group-chat-text{font-weight:600;font-size:.95rem;color:var(--text-primary);display:block;margin-bottom:.25rem}@media(prefers-color-scheme:dark){:root{--background-color: #0f172a;--surface-color: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155}.rich-editor{color:var(--text-primary)}.loading-overlay,.modal{background:#0f172acc}.earnings-item{background:var(--surface-color)}}.back-confirm-modal{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.back-confirm-content{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0003}.back-confirm-content h3{margin:0 0 .75rem;font-size:1.25rem}.back-confirm-content p{margin:0 0 1.5rem;color:#64748b}.back-confirm-actions{display:flex;flex-direction:column;gap:.75rem}