:root{--bg-primary:#1c1917;--bg-secondary:#292524;--bg-sidebar:#1a1208;--bg-desktop:#2a1f0e;--text-primary:#f5f5f4;--text-secondary:#a8a29e;--accent-orange:#f97316;--accent-green:#22c55e;--accent-blue:#3b82f6;--accent-red:#ef4444;--border:#44403c;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fafaf9;--bg-secondary:#fff;--bg-sidebar:#f5f0e8;--bg-desktop:#f5f0e8;--text-primary:#1c1917;--text-secondary:#78716c;--accent-orange:#ea580c;--accent-green:#16a34a;--accent-blue:#2563eb;--accent-red:#dc2626;--border:#d6d3d1}[data-theme=light] .sidebar-org{background-color:#0000000d}[data-theme=light] .sidebar-org:hover{background-color:#00000014}[data-theme=light] .nav-item:hover{background-color:#ea580c0f}[data-theme=light] .nav-item.active{background-color:#ea580c1a}[data-theme=light] .sidebar-settings-btn:hover{background-color:#0000000f}[data-theme=light] .btn-primary:hover:not(:disabled){background-color:#c2410c}[data-theme=light] .btn-secondary:hover:not(:disabled){background-color:#e7e5e4}[data-theme=light] .btn-ghost:hover:not(:disabled){background-color:#0000000a}[data-theme=light] .spinner{border-color:#00000026;border-top-color:var(--accent-orange)}[data-theme=light] .btn-primary .spinner{border-color:#fff #ffffff4d #ffffff4d}[data-theme=light] .dropdown-menu{box-shadow:0 4px 12px #0000001a}[data-theme=light] .dropdown-item:hover{background-color:#0000000a}[data-theme=light] .skill-row:hover,[data-theme=light] .subscriber-row:hover{background-color:#00000005}[data-theme=light] .timeline-cursor{background-color:#1c1917}[data-theme=light] .marker-choice.selected,[data-theme=light] .question-choice.selected{background-color:#ea580c0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-primary);color:var(--text-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}#root{min-height:100vh}a{color:var(--accent-orange);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex}.app-main{background-color:var(--bg-primary);flex:1;justify-content:center;min-height:100vh;margin-left:250px;padding:2rem;display:flex}.app-main>*{width:100%;max-width:1200px}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:250px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:.625rem;padding:1.25rem 1.5rem;display:flex}.brand-icon{color:var(--accent-orange);flex-shrink:0}.brand-name{color:var(--text-primary);letter-spacing:.1em;font-size:1rem;font-weight:700}.sidebar-org{border-radius:var(--radius);cursor:pointer;background-color:#ffffff0d;align-items:center;gap:.625rem;margin:0 .5rem;padding:.75rem 1.5rem;transition:background-color .15s;display:flex}.sidebar-org:hover{background-color:#ffffff14}.sidebar-org-avatar{flex-shrink:0}.sidebar-org-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-org-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-org-slug{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.sidebar-org-chevron{color:var(--text-secondary);flex-shrink:0}.sidebar-org-wrap{position:relative}.sidebar-org-btn{width:calc(100% - 1rem);font:inherit;color:inherit;text-align:left;border:none}.sidebar-org-menu{top:calc(100% + 4px);left:.5rem;right:.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem 0;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#f9731614;text-decoration:none}.nav-item.active{color:var(--accent-orange);border-right:3px solid var(--accent-orange);background-color:#f973161f}.nav-item svg{flex-shrink:0}.nav-separator{background-color:var(--border);height:1px;margin:.5rem 1.5rem}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;border-radius:50%;width:32px;height:32px}.avatar-initials{background-color:var(--accent-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:inline-flex}.avatar-initials.avatar-sm{width:28px;height:28px;font-size:.75rem}.sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.sidebar-user-role{color:var(--text-secondary);text-transform:capitalize;font-size:.75rem}.sidebar-user-actions{flex-shrink:0;align-items:center;gap:.125rem;display:flex}.sidebar-settings-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;padding:.375rem;transition:color .15s,background-color .15s}.sidebar-settings-btn:hover{color:var(--text-primary);background-color:#ffffff14}.topbar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0;display:flex}.topbar-title{font-size:1.5rem;font-weight:600}.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-user{position:relative}.topbar-user-btn{cursor:pointer;background:0 0;border:none;padding:4px}.dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:160px;padding:.25rem 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000004d}.dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:block}.dropdown-item:hover{background-color:#ffffff0d;text-decoration:none}.version-menu-panel{padding:.5rem}.version-menu-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.25rem .5rem .5rem;font-size:.75rem;font-weight:600}.version-row{border-radius:var(--radius);padding:.5rem}.version-row+.version-row{border-top:1px solid var(--border)}.version-row-main{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.version-row-select{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;border-radius:var(--radius);background:0 0;border:none;padding:.25rem}.version-row-select:hover{background:var(--surface-hover,#0000000a)}.version-row-viewing>.version-row-select{background:var(--surface-hover,#0000000f)}.version-row-number{font-size:.875rem;font-weight:600}.version-row-date{color:var(--text-secondary);margin-left:auto;font-size:.75rem}.version-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border:1px solid var(--border);border-radius:9999px;padding:.0625rem .4rem;font-size:.6875rem}.version-tag-live{color:var(--accent-green);border-color:var(--accent-green)}.version-row-actions{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.version-mandatory{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.page{max-width:1400px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-primary);font-size:1.5rem;font-weight:600}.page-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-orange);color:#fff}.btn-primary:hover:not(:disabled){background-color:#ea580c}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:#3a3533}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:#ffffff0d}.btn-ghost.active{color:var(--accent-orange)}.btn-danger,.btn-ghost.btn-danger{color:var(--accent-red)}.btn-sm{padding:.25rem .5rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-full{width:100%}.btn-loading{align-items:center;gap:.5rem;display:inline-flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-green{color:var(--accent-green);background-color:#22c55e26}.badge-slate{color:#94a3b8;background-color:#94a3b826}.badge-orange{color:var(--accent-orange);background-color:#f9731626}.status-badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-draft{color:#94a3b8;background-color:#94a3b826}.status-processing{color:var(--accent-orange);background-color:#f9731626}.status-published{color:var(--accent-green);background-color:#22c55e26}.status-archived{color:var(--text-secondary);background-color:#a8a29e26}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-input{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.form-input:focus{border-color:var(--accent-orange)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input-error{border-color:var(--accent-red)}.form-error{color:var(--accent-red);margin-top:.25rem;font-size:.75rem;display:block}.form-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.form-textarea{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);resize:vertical;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.form-textarea:focus{border-color:var(--accent-orange)}.form-select{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.875rem}.form-select:focus{border-color:var(--accent-orange)}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row .form-group{flex:1;min-width:200px}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:var(--accent-red);background-color:#ef44441f;border:1px solid #ef444440}.alert-success{color:var(--accent-green);background-color:#22c55e1f;border:1px solid #22c55e40}.toast-container{z-index:10000;flex-direction:column;gap:.5rem;max-width:420px;display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius);cursor:pointer;background-color:var(--bg-secondary);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;animation:.2s ease-out toast-in;display:flex;box-shadow:0 4px 12px #0000004d}.toast-message{flex:1}.toast-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;margin:-.125rem -.25rem 0 0;padding:0;font-size:1.25rem;line-height:1}.toast-close:hover{opacity:1}.toast-error{color:var(--accent-red);background-image:linear-gradient(#ef444426,#ef444426);border:1px solid #ef44444d}.toast-success{color:var(--accent-green);background-image:linear-gradient(#22c55e26,#22c55e26);border:1px solid #22c55e4d}.toast-info{color:var(--accent-blue,#60a5fa);background-image:linear-gradient(#3b82f626,#3b82f626);border:1px solid #3b82f64d}@keyframes toast-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:500;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.25rem}.auth-page{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:2rem}.auth-logo{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.auth-logo-mark{color:var(--accent-orange)}.auth-title{text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.auth-form{flex-direction:column;gap:0;display:flex}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-link{color:var(--accent-orange);font-weight:500}.auth-link-button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.auth-link-button:disabled{cursor:not-allowed;opacity:.6}.auth-divider{color:var(--text-secondary);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.8125rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--border);flex:1;height:1px}.settings-section-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1rem;font-weight:600}.table-wrapper{overflow-x:auto}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.pager-label{color:var(--text-muted,#78716c);font-size:.875rem}.table-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.table-empty{text-align:center;color:var(--text-secondary);padding:3rem}.skills-table{border-collapse:collapse;width:100%}.skills-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.skills-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem;font-size:.875rem}.skill-row:hover{background-color:#ffffff05}.skill-name-cell{align-items:center;gap:.75rem;display:flex}.skill-thumbnail{object-fit:cover;border-radius:4px;width:48px;height:32px}.thumbnail-placeholder{aspect-ratio:16/9;background-color:var(--bg-primary);width:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.thumbnail-placeholder svg{opacity:.6;width:32%;min-width:16px;max-width:48px;height:auto}.skill-name-cell .thumbnail-placeholder{aspect-ratio:auto;border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:48px;height:32px}.skill-name-cell .thumbnail-placeholder svg{width:18px}.skill-thumbnail.stereo-thumb-sbs{object-position:left center}.skill-thumbnail.stereo-thumb-tb{object-position:center top}.skill-card-thumb.stereo-sbs{justify-content:flex-start}.skill-card-thumb.stereo-sbs img{object-fit:fill;width:200%;height:auto}.skill-card-thumb.stereo-tb{align-items:flex-start}.skill-card-thumb.stereo-tb img{object-fit:fill;width:100%;height:auto}.skill-name-info{flex-direction:column;display:flex}.skill-title{font-weight:500}.skill-desc{color:var(--text-secondary);font-size:.75rem}.skill-category,.skill-learners{color:var(--text-secondary)}.skill-actions{white-space:nowrap;justify-content:flex-end;gap:.25rem;display:flex}.skills-table th:last-child,.skills-table td:last-child{text-align:right;white-space:nowrap;width:1%}.skill-detail-actions{gap:.5rem;display:flex}.skill-detail-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.detail-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.detail-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.detail-card-count{background-color:var(--bg-primary);border-radius:999px;padding:.125rem .5rem;font-size:.75rem}.skill-detail-thumb-wrap{border-radius:var(--radius);max-width:320px;margin-bottom:.75rem;overflow:hidden}.skill-detail-thumb-wrap img{width:100%;display:block}.skill-detail-thumb-wrap.stereo-sbs img{width:200%}.skill-detail-thumb{border-radius:var(--radius);width:100%;max-width:320px;margin-bottom:.75rem}.skill-editor-thumb-wrap{border-radius:8px;max-width:320px;overflow:hidden}.skill-editor-thumb-wrap img{width:100%;display:block}.skill-editor-thumb-wrap.stereo-sbs img{width:200%}.skill-detail-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.detail-fields{flex-direction:column;gap:.625rem;display:flex}.detail-field{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.detail-label{color:var(--text-secondary);font-size:.8125rem}.skill-detail-tags{flex-wrap:wrap;gap:.375rem;display:flex}.detail-marker-list{flex-direction:column;gap:.5rem;display:flex}.detail-marker{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.detail-marker:last-child{border-bottom:none}.detail-marker-time{color:var(--accent-orange);background-color:var(--bg-primary);border-radius:4px;flex-shrink:0;padding:.25rem .5rem;font-family:monospace;font-size:.8125rem}.detail-marker-info{flex-direction:column;display:flex}.detail-marker-title{font-size:.875rem;font-weight:500}@media (width<=768px){.skill-detail-grid{grid-template-columns:1fr}}.skill-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.skill-filters .form-select{width:auto;min-width:160px}.filter-search{flex:1;min-width:200px;position:relative}.search-icon{width:16px;height:16px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{padding-left:2.25rem!important}.skill-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s;overflow:hidden}.skill-card:hover{border-color:var(--accent-orange)}.skill-card-thumb{aspect-ratio:16/9;background-color:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.skill-card-thumb img{object-fit:cover;width:100%;height:100%}.skill-card-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.skill-card:hover .skill-card-overlay{opacity:1}.skill-card-body{padding:1rem}.skill-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.skill-card-title{font-size:.875rem;font-weight:600}.skill-card-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.8125rem}.skill-card-meta{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.skill-card-actions{margin-top:.75rem}.page-section{margin-top:1.5rem}.page-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.8125rem;font-weight:600}.enrollment-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.enrollment-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:inherit;cursor:pointer;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block;overflow:hidden}.enrollment-card:hover{border-color:var(--accent-orange);box-shadow:0 4px 12px #0000000f}.enrollment-card-thumb{aspect-ratio:16/9;background-color:var(--bg-primary);position:relative}.enrollment-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.enrollment-card-check{background-color:var(--accent-green);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:.625rem;left:.625rem}.enrollment-card-body{padding:.875rem 1rem 1rem}.enrollment-card-title{margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.enrollment-card-provider{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:.8125rem;display:flex}.enrollment-card-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);background-color:#0000000f;border-radius:4px;padding:.0625rem .375rem;font-size:.6875rem;font-weight:600}.enrollment-card-status{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.enrollment-card-last{color:var(--text-secondary)}.enrollment-card-meta{color:var(--text-secondary);font-size:.8125rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-stat{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;display:flex}.dashboard-stat-value{font-size:2rem;font-weight:700;line-height:1}.dashboard-stat-value.is-orange{color:var(--accent-orange)}.dashboard-stat-value.is-green{color:var(--accent-green)}.dashboard-stat-value.is-blue{color:var(--accent-blue)}.dashboard-stat-label{color:var(--text-secondary);font-size:.875rem}.enrollments-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.enrollments-toolbar-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.enrollments-toolbar-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-pills{flex-wrap:wrap;gap:.375rem;display:flex}.filter-pill{border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:9999px;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.filter-pill:hover{border-color:var(--accent-orange)}.filter-pill.active{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.wizard-steps{gap:1rem;margin-bottom:2rem;display:flex}.wizard-step-indicator{border-radius:var(--radius);color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.wizard-step-indicator.active{color:var(--accent-orange);border-color:var(--accent-orange)}.wizard-step-indicator.complete{color:var(--accent-green);border-color:var(--accent-green)}.wizard-step-num{background-color:var(--border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:inline-flex}.wizard-step-indicator.active .wizard-step-num{background-color:var(--accent-orange);color:#fff}.wizard-step-indicator.complete .wizard-step-num{background-color:var(--accent-green);color:#fff}.wizard-content{margin-bottom:2rem}.wizard-actions{border-top:1px solid var(--border);justify-content:space-between;padding-top:1.5rem;display:flex}.wizard-actions-right{gap:.75rem;display:flex}.skill-editor .page-header{justify-content:space-between;align-items:flex-start;display:flex}.editor-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex}.editor-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:color .15s,border-color .15s}.editor-tab:hover{color:var(--text-primary)}.editor-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.editor-section{max-width:640px}.editor-section--wide{max-width:none}.step-title{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;margin-bottom:1.5rem;padding:2rem;transition:border-color .15s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent-orange)}.drop-zone-empty{color:var(--text-secondary)}.drop-zone-empty svg{margin-bottom:.75rem}.drop-zone-hint{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem;display:block}.drop-zone-selected{color:var(--accent-green);justify-content:center;align-items:center;gap:.75rem;display:flex}.tag-input-wrap{flex-direction:column;gap:.5rem;display:flex}.tag-list{flex-wrap:wrap;gap:.375rem;display:flex}.tag{color:var(--accent-orange);background-color:#f973161f;border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.tag-remove{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.75rem}.upload-progress{background-color:var(--bg-secondary);border-radius:var(--radius);align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.upload-progress-bar{background-color:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.upload-progress-fill{background-color:var(--accent-orange);height:100%;transition:width .3s}.upload-progress-text{color:var(--text-secondary);white-space:nowrap;font-size:.875rem}.step2-layout{grid-template-columns:1fr 360px;gap:1.5rem;display:grid}.step2-video-wrap{border-radius:var(--radius);background-color:#000;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.step2-video-wrap canvas{cursor:pointer;width:100%;display:block}.step2-video{border-radius:var(--radius);background-color:#000;width:100%}.marker-detail-panel{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.marker-detail-empty{color:var(--text-secondary);text-align:center;padding:2rem}.marker-questions-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.marker-questions-header h4{font-size:.875rem;font-weight:600}.marker-question-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem;font-size:.875rem;display:flex}.marker-question-actions{gap:.25rem;display:flex}.marker-timeline{margin-bottom:1rem}.timeline-times{color:var(--text-secondary);justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.timeline-track{background-color:var(--border);cursor:pointer;border-radius:4px;height:8px;position:relative}.timeline-progress{background-color:var(--accent-orange);border-radius:4px;height:100%}.timeline-cursor{background-color:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 1px 3px #0000004d}.marker-pin{background-color:var(--accent-green);cursor:pointer;border:none;border-radius:2px;width:8px;height:16px;padding:0;position:absolute;top:-4px;transform:translate(-50%)}.marker-pin.selected{background-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange)}.question-editor{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:1rem}.choices-list{flex-direction:column;gap:.5rem;display:flex}.choice-row{align-items:center;gap:.5rem;display:flex}.choice-correct-btn{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.choice-correct-btn.correct{background-color:var(--accent-green);border-color:var(--accent-green);color:#fff}.choice-bullet{background-color:var(--text-secondary);border-radius:50%;width:8px;height:8px;display:inline-block}.choice-input{flex:1}.question-editor-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.assessment-config{margin-bottom:2rem}.assessment-questions-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.assessment-questions-header h4{font-size:1rem;font-weight:600}.assessment-question-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;padding:.75rem 1rem}.assessment-question-row{align-items:center;gap:.75rem;display:flex}.assessment-question-num{color:var(--text-secondary);font-weight:600}.assessment-question-text{flex:1;font-size:.875rem}.assessment-question-type,.assessment-question-choices{color:var(--text-secondary);font-size:.75rem}.assessment-question-actions{gap:.25rem;display:flex}.assessment-empty{text-align:center;color:var(--text-secondary);padding:2rem}.vr-player-page{background-color:#000;flex-direction:column;align-self:flex-start;display:flex;position:relative}.vr-player-page:fullscreen{justify-content:center;align-self:auto;min-height:100vh}.vr-player-header{z-index:10;background:linear-gradient(#0009,#0000);align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;top:0;left:0;right:0}.vr-player-title{color:#fff;font-size:1rem;font-weight:500}.vr-player-viewport{justify-content:center;display:flex;position:relative}.player-video{width:min(100%, calc(100vh * var(--video-ratio,1.778)));max-height:100vh}.player-video.hidden,video.hidden{display:none}.vr-scene-container{position:absolute;inset:0}.player-controls{z-index:10;background:linear-gradient(#0000,#000000b3);padding:1rem;position:absolute;bottom:0;left:0;right:0}.player-controls-row{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.player-controls-left{align-items:center;gap:.75rem;display:flex}.player-controls-right{align-items:center;gap:.5rem;display:flex}.volume-slider{width:80px;accent-color:var(--accent-orange)}.player-time{color:var(--text-secondary);font-size:.75rem}.player-quality-badge{letter-spacing:.02em;color:var(--text-secondary);background-color:#ffffff1f;border-radius:.25rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.progress-bar{cursor:pointer;background-color:#fff3;border-radius:3px;height:6px;position:relative}.progress-bar-fill{background-color:var(--accent-orange);border-radius:3px;height:100%}.progress-bar-marker{background-color:var(--accent-green);border-radius:2px;width:6px;height:12px;position:absolute;top:-3px;transform:translate(-50%)}.marker-overlay{z-index:20;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.marker-overlay-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:500px;padding:2rem}.marker-overlay-title{margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.marker-overlay-question{margin-bottom:1rem;font-size:1rem}.marker-overlay-hint{opacity:.75;margin-top:-.75rem;margin-bottom:1rem;font-size:.8125rem}.marker-overlay-choices{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.marker-choice{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;text-align:left;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .15s;display:flex}.marker-choice:hover:not(:disabled){border-color:var(--accent-orange)}.marker-choice.selected{border-color:var(--accent-orange);background-color:#f9731614}.marker-choice.wrong{border-color:var(--accent-red);background-color:#ef44441f}.marker-feedback.error{color:var(--accent-red);background-color:#ef44441f}.marker-choice-indicator{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.marker-feedback{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.marker-feedback.correct{color:var(--accent-green);background-color:#22c55e1f}.marker-feedback.incorrect{color:var(--accent-red);background-color:#ef44441f}.marker-overlay-actions{justify-content:flex-end;display:flex}.completion-blocked{z-index:20;pointer-events:none;justify-content:center;padding:0 1rem;display:flex;position:absolute;bottom:5rem;left:0;right:0}.completion-blocked-card{border-radius:var(--radius);border:1px solid var(--accent-red);max-width:500px;color:var(--accent-red);pointer-events:auto;background-color:#ef44441f;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.completion-blocked-card button{flex-shrink:0}.assessment-modal{background-color:var(--bg-primary);z-index:500;flex-direction:column;display:flex;position:fixed;inset:0}.assessment-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.assessment-modal-meta{align-items:center;gap:1.5rem;display:flex}.assessment-timer{font-size:.875rem;font-weight:600}.assessment-timer.warning{color:var(--accent-red)}.assessment-progress{color:var(--text-secondary);font-size:.875rem}.assessment-modal-body{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem;overflow-y:auto}.assessment-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 2rem;display:flex}.question-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.5rem}.question-card-header{margin-bottom:1rem}.question-card-num{color:var(--accent-orange);margin-right:.5rem;font-weight:600}.question-card-text{font-size:1rem;display:inline}.question-card-type{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.question-card-choices{flex-direction:column;gap:.5rem;display:flex}.question-choice{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;text-align:left;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;font-size:.875rem;transition:border-color .15s;display:flex}.question-choice:hover:not(:disabled){border-color:var(--accent-orange)}.question-choice.selected{border-color:var(--accent-orange);background-color:#f9731614}.question-choice.correct{border-color:var(--accent-green);background-color:#22c55e14}.question-choice.incorrect{border-color:var(--accent-red);background-color:#ef444414}.question-choice-indicator{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.question-card-explanation{background-color:var(--bg-primary);border-radius:var(--radius);color:var(--text-secondary);margin-top:.75rem;padding:.75rem;font-size:.875rem}.results-summary{justify-content:center;margin-bottom:2rem;display:flex}.results-score-card{text-align:center;border-radius:var(--radius);border:2px solid var(--border);padding:2rem 3rem}.results-score-card.passed{border-color:var(--accent-green)}.results-score-card.failed{border-color:var(--accent-red)}.results-score-value{font-size:3rem;font-weight:700}.results-score-card.passed .results-score-value{color:var(--accent-green)}.results-score-card.failed .results-score-value{color:var(--accent-red)}.results-score-label{margin-top:.25rem;font-size:1.125rem;font-weight:600}.results-score-threshold{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.results-breakdown{margin-bottom:2rem}.results-breakdown h3{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.results-question-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.results-question-num{color:var(--text-secondary);font-weight:600}.results-question-text{flex:1;font-size:.875rem}.results-question-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.results-question-badge.correct{color:var(--accent-green);background-color:#22c55e26}.results-question-badge.incorrect{color:var(--accent-red);background-color:#ef444426}.results-actions{justify-content:center;gap:.75rem;display:flex}.analytics-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.analytics-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:1.25rem;display:flex}.analytics-stat-value{color:var(--accent-orange);font-size:1.75rem;font-weight:700}.analytics-stat-label{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.analytics-chart-section{margin-bottom:2rem}.analytics-chart-section h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.date-range-filter{align-items:center;gap:.5rem;display:flex}.date-range-filter .form-input{width:auto}.date-range-sep{color:var(--text-secondary);font-size:.875rem}.analytics-range{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.analytics-range label{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.analytics-range .form-input,.analytics-range .form-select{width:auto;min-width:8.5rem}.analytics-time-zone{color:var(--text-secondary);align-self:center;font-size:.75rem;font-weight:600}.analytics-scope-notice{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin:-.5rem 0 1.25rem;font-size:.8125rem;display:flex}.analytics-scope-notice.is-empty{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);padding:.75rem 1rem}.analytics-scope-notice strong{color:var(--text-primary)}.bar-chart{align-items:flex-end;gap:4px;height:200px;padding:.5rem 0;display:flex}.bar-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-chart-bar{background-color:var(--accent-orange);border-radius:2px 2px 0 0;width:100%;max-width:40px;min-height:2px;transition:height .3s}.bar-chart-label{color:var(--text-secondary);white-space:nowrap;margin-top:.25rem;font-size:.625rem}.marker-response-list{flex-direction:column;gap:.75rem;display:flex}.marker-response-row{align-items:center;gap:1rem;display:flex}.marker-response-title{min-width:150px;font-size:.875rem}.marker-response-bar{background-color:#ef44444d;border-radius:4px;flex:1;height:8px;overflow:hidden}.marker-response-correct{background-color:var(--accent-green);border-radius:4px;height:100%}.marker-response-stats{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.stat-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.stat-card-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.stat-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.stat-card-icon.is-orange{color:var(--accent-orange);background:#f9731626}.stat-card-icon.is-green{color:var(--accent-green);background:#22c55e26}.stat-card-icon.is-blue{color:var(--accent-blue);background:#3b82f626}.stat-card-icon.is-purple{color:#a855f7;background:#a855f726}.stat-card-icon.is-red{color:var(--accent-red);background:#ef444426}.stat-card-value{color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.1}.stat-card-sub{color:var(--text-secondary);font-size:.75rem}.stat-card-sub .platform-split{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.stat-card-sub .platform-split span strong{color:var(--text-primary)}.analytics-detail-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.analytics-back{align-items:center;gap:.75rem;display:inline-flex}.analytics-back-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.analytics-back-btn:hover{color:var(--text-primary)}.analytics-detail-title h2{margin:0;font-size:1.375rem;font-weight:700}.analytics-detail-title p{color:var(--text-secondary);margin:.125rem 0 0;font-size:.8125rem}.meter{background:var(--border);vertical-align:middle;border-radius:3px;width:4rem;height:6px;display:inline-block;overflow:hidden}.meter-fill{background:var(--accent-green);border-radius:3px;height:100%}.meter-row{align-items:center;gap:.5rem;display:flex}.meter-none{color:var(--text-secondary);font-size:.875rem}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.chart-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.chart-card.is-wide{grid-column:1/-1}.chart-card-title{margin:0 0 .25rem;font-size:1rem;font-weight:600}.chart-card-subtitle{color:var(--text-secondary);margin:0 0 1rem;font-size:.8125rem}.chart-empty{min-height:180px;color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;font-size:.875rem;display:flex}.analytics-version-select{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.analytics-version-select .form-select{width:auto}.analytics-detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.section-header h3{margin:0;font-size:1rem;font-weight:600}.skills-table td.row-chevron{text-align:right;color:var(--text-secondary);width:2.5rem}.skill-row:hover td.row-chevron{color:var(--accent-orange)}.settings-form{max-width:500px}.settings-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex}.settings-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--text-primary);text-decoration:none}.settings-tab.active{color:var(--accent-orange);border-bottom-color:var(--accent-orange)}.settings-profile-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.25rem;display:flex}.settings-avatar-lg{background-color:var(--accent-orange);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.settings-avatar-lg img{object-fit:cover;width:100%;height:100%}.settings-avatar-lg .avatar-initials{color:#fff;font-size:1.5rem;font-weight:600}.settings-profile-info{flex-direction:column;gap:.25rem;display:flex}.settings-profile-name{color:var(--text-primary);font-size:1.125rem;font-weight:600}.settings-profile-email{color:var(--text-secondary);font-size:.875rem}.settings-profile-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.settings-meta-text{color:var(--text-secondary);font-size:.75rem}.settings-avatar-preview{border:1px solid var(--border);border-radius:50%;width:48px;height:48px;margin-top:.5rem;overflow:hidden}.settings-avatar-preview img{object-fit:cover;width:100%;height:100%}.settings-section-title{border-top:1px solid var(--border);margin-top:2rem;margin-bottom:1rem;padding-top:1.5rem;font-size:1rem;font-weight:600}.theme-options{gap:.75rem;display:flex}.theme-option{background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.25rem;transition:border-color .15s;display:flex}.theme-option:hover{border-color:var(--text-secondary)}.theme-option.active{border-color:var(--accent-orange)}.theme-option-icon{color:var(--text-secondary)}.theme-option.active .theme-option-icon{color:var(--accent-orange)}.theme-option-label{font-size:.875rem;font-weight:500}.theme-option-desc{color:var(--text-secondary);font-size:.75rem}.analytics-skills-section{margin-top:2rem}.analytics-skills-section h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.subscribers-filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.subscribers-filters .filter-search{max-width:400px}.subscribers-filters .filter-pills{margin-bottom:0}.subscribers-table{border-collapse:collapse;width:100%}.subscribers-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.subscribers-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem;font-size:.875rem}.subscriber-row:hover{background-color:#ffffff05}.subscriber-cell{align-items:center;gap:.75rem;display:flex}.subscriber-avatar img{object-fit:cover;border-radius:50%;width:32px;height:32px}.subscriber-info{flex-direction:column;display:flex}.subscriber-name{color:var(--text-primary);font-weight:500}.subscriber-email{color:var(--text-secondary);font-size:.75rem}.subscriber-subscription{color:var(--text-secondary)}.subscriber-joined{color:var(--text-secondary);white-space:nowrap}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:.875rem}.sidebar-toggle{z-index:150;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;padding:.5rem;display:none;position:fixed;top:.75rem;left:.75rem}.sidebar-backdrop{z-index:99;background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.step2-layout{grid-template-columns:1fr}.analytics-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.results-score-card{padding:1.5rem 2rem}}@media (width<=768px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-toggle,.sidebar-backdrop{display:block}.app-main{margin-left:0;padding:3.5rem 1rem 1rem}.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.25rem}.wizard-steps{flex-wrap:wrap}.wizard-step-indicator span:not(.wizard-step-num){display:none}.wizard-actions{flex-direction:column;gap:.75rem}.wizard-actions-right{width:100%}.wizard-actions-right .btn{flex:1}.step2-layout{grid-template-columns:1fr}.skill-filters{flex-direction:column}.skill-filters .form-select{width:100%}.filter-search{min-width:unset}.skills-table .col-access,.skills-table .col-category,.skills-table .col-learners{display:none}.subscribers-table{min-width:600px}.subscribers-filters .filter-search{max-width:none}.auth-card{margin:1rem;padding:1.5rem}.assessment-modal-header{padding:.75rem 1rem}.assessment-modal-body{padding:1rem}.assessment-modal-footer{padding:.75rem 1rem}.assessment-modal-meta{gap:.75rem}.analytics-cards{grid-template-columns:repeat(2,1fr)}.date-range-filter{flex-wrap:wrap}.marker-response-row{flex-direction:column;align-items:flex-start;gap:.25rem}.marker-response-title{min-width:unset}.marker-response-bar{width:100%}.settings-profile-card{text-align:center;flex-direction:column}.vr-player-header{padding:.75rem}.topbar{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (width<=480px){.app-main{padding:3.5rem .75rem .75rem}.analytics-cards{grid-template-columns:1fr}.results-score-card{padding:1.25rem}.results-score-value{font-size:2rem}.bar-chart{height:150px}.question-card{padding:1rem}.modal-content{width:95%}.drop-zone{padding:1.25rem}}.dropdown-container{display:inline-block;position:relative}.dropdown-item-danger{color:var(--accent-red)}.dropdown-item-danger:hover{background-color:#ef44441a}.member-cell{align-items:center;gap:.75rem;display:flex}.member-info{flex-direction:column;display:flex}.member-name{color:var(--text-primary);font-weight:500}.member-email{color:var(--text-secondary);font-size:.8125rem}.member-list{flex-direction:column;gap:.5rem;display:flex}.member-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) 140px 120px 160px 40px;align-items:center;gap:1rem;padding:.875rem 1rem;transition:background-color .15s,border-color .15s;display:grid}.member-card--sortable{grid-template-columns:minmax(0,1fr) auto}.member-card--code{grid-template-columns:minmax(0,1fr) auto auto auto}.member-card:hover{background-color:#ffffff05;border-color:#f9731659}[data-theme=light] .member-card:hover{background-color:#00000005}.member-card .avatar-initials{width:40px;height:40px;font-size:1rem}.member-card-identity{align-items:center;gap:.875rem;min-width:0;display:flex}.member-card-identity .member-info{min-width:0}.member-card-identity .member-name,.member-card-identity .member-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem;font-size:.6875rem;display:none}.member-card-meta{color:var(--text-secondary);font-size:.8125rem}.member-card-actions{justify-content:flex-end;display:flex}@media (width<=768px){.member-card{grid-template-columns:1fr auto;grid-template-areas:"identity actions""role role""status status""login login";row-gap:.5rem}.member-card-identity{grid-area:identity}.member-card-actions{grid-area:actions}.member-card-role{grid-area:role}.member-card-status{grid-area:status}.member-card-login{grid-area:login}.member-card-label{display:block}}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;display:flex}.invite-link-box{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.75rem;display:flex}.invite-link-code{word-break:break-all;color:var(--text-secondary);flex:1;font-size:.8125rem}.connect-vr-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:1rem;max-width:24rem;margin:0 auto;padding:2rem;display:flex}.qr-frame{background:#fff;border-radius:8px;padding:.75rem}.connect-vr-code{letter-spacing:.25em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.75rem;font-weight:600}.skills-table tr.row-clickable:hover{background-color:var(--bg-secondary)}.skills-table tbody a{color:inherit;text-decoration:none}.skills-table tbody a:hover{text-decoration:underline}.skills-table tbody a:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px;border-radius:2px}.back-link{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--accent-orange)}.learner-enrollment-section{margin-top:2rem}.learner-course-block{margin-top:1rem}.section-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.subsection-title{color:var(--text-secondary);margin:.75rem 0 .5rem;font-size:1rem;font-weight:600}.status-pill{border:1px solid var(--border);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pill.status-completed{color:#15803d;background-color:#22c55e1f;border-color:#22c55e66}.status-pill.status-in_progress{color:var(--accent-orange);background-color:#ea580c1f;border-color:#ea580c66}.status-pill.status-not_started{background-color:var(--bg-secondary);color:var(--text-secondary)}.app-content{flex-direction:column;width:100%;min-width:0;max-width:1400px;display:flex}.learner-view-banner{background-color:var(--accent-orange);color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.learner-view-banner-exit{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #fff6;border-radius:.375rem;padding:.3rem .75rem;font-size:.8125rem;font-weight:600}.learner-view-banner-exit:hover{background:#ffffff47}.learner-preview-redeem{align-items:center;gap:.75rem;max-width:30rem;display:flex}.learner-preview-redeem-note{color:var(--text-secondary);font-size:.8125rem}.course-hero{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;margin-bottom:1.5rem;display:flex;overflow:hidden}.course-hero-thumb{aspect-ratio:3;background-color:var(--bg-primary);overflow:hidden}.course-hero-thumb img{object-fit:cover;width:100%;height:100%}.course-hero-body{padding:1.25rem 1.5rem}.course-hero-by{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.course-hero-meta{color:var(--text-secondary);gap:1.25rem;margin-top:.75rem;font-size:.8125rem;display:flex}.course-hero-desc{color:var(--text-secondary);max-width:60ch;margin-top:.75rem;font-size:.875rem}.course-progress{max-width:480px;margin:1rem 0}.course-progress-track{background-color:var(--bg-primary);border-radius:999px;height:8px;overflow:hidden}.course-progress-fill{background-color:var(--accent-orange);height:100%;transition:width .2s}.course-progress-labels{color:var(--text-secondary);justify-content:space-between;margin-top:.375rem;font-size:.75rem;display:flex}.skill-card-check{color:#16a34a;font-weight:700}.course-section{margin-top:1.75rem}.course-section-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.0625rem;font-weight:600}.course-section-editor{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-secondary);margin-top:1rem;padding:.75rem}.course-section-editor-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.course-section-editor-title{text-align:left;color:var(--text-primary);cursor:text;background:0 0;border:none;flex:1;padding:.25rem 0;font-size:.9375rem;font-weight:600}.course-skill-box{min-height:2.5rem}.course-skill-box-empty{color:var(--text-secondary);padding:.5rem .25rem;font-size:.8125rem}.drag-handle{cursor:grab;color:var(--text-secondary);touch-action:none;background:0 0;border:none;padding:0 .25rem;font-size:1rem}.drag-handle:active{cursor:grabbing}.drag-overlay-card{cursor:grabbing;background-color:var(--bg-secondary);opacity:.95;box-shadow:0 8px 24px #00000040}.skill-detail-hero{border-radius:var(--radius);margin-bottom:1.25rem;overflow:hidden}.skill-detail-thumb{aspect-ratio:16/9;background-color:var(--bg-primary);border-radius:var(--radius);max-width:720px;position:relative;overflow:hidden}.skill-detail-thumb img{object-fit:cover;width:100%;height:100%}.skill-detail-overlay{opacity:1;background-color:#00000040}.skill-detail-position{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.skill-detail-meta{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.skill-detail-desc{color:var(--text-secondary);max-width:65ch;margin-top:.75rem;font-size:.9375rem}.up-next-card{text-align:left;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.875rem;width:100%;max-width:480px;padding:.75rem;transition:border-color .15s;display:flex}.up-next-card:hover{border-color:var(--accent-orange)}.up-next-thumb{aspect-ratio:16/9;background-color:var(--bg-primary);border-radius:6px;flex:0 0 96px;overflow:hidden}.up-next-thumb img{object-fit:cover;width:100%;height:100%}.up-next-title{font-size:.875rem;font-weight:600}.qr-marker-group{margin-bottom:1.5rem}.qr-marker-head{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.qr-marker-time{font-variant-numeric:tabular-nums;color:var(--accent-orange);background:#ea580c1f;border:1px solid #ea580c66;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.qr-marker-title{color:var(--text-secondary);font-size:.875rem;font-weight:600}.qr-archived{color:var(--text-secondary);border:1px dashed var(--border);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.05rem .45rem;font-size:.7rem;font-weight:600}.qr-choices{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.qr-choice{color:var(--text-primary);border:1px solid #0000;border-radius:6px;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.qr-choice-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.qr-choice.is-neutral{color:var(--text-secondary)}.qr-choice.is-neutral .qr-choice-icon:before{content:"";border:1.5px solid var(--border);border-radius:50%;width:.55rem;height:.55rem}.qr-choice.is-answer{color:var(--text-primary)}.qr-choice.is-answer .qr-choice-icon{color:var(--accent-green)}.qr-choice.is-picked-right{background:#22c55e1a;border-color:#22c55e59}.qr-choice.is-picked-right .qr-choice-icon{background:var(--accent-green);color:#fff}.qr-choice.is-picked-wrong{background:#ef444414;border-color:#ef44444d}.qr-choice.is-picked-wrong .qr-choice-icon{background:var(--accent-red);color:#fff}.qr-choice-text{flex:1}.qr-choice-chips{gap:.25rem;display:inline-flex}.qr-try-chip{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:600}.qr-choice-note{color:var(--accent-green);white-space:nowrap;font-size:.7rem;font-weight:600}.qr-rows{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);overflow:hidden}.qr-row+.qr-row{border-top:1px solid var(--border)}.qr-row-summary{cursor:pointer;align-items:center;gap:.75rem;padding:.625rem 1rem;list-style:none;display:flex}.qr-row-summary::-webkit-details-marker{display:none}.qr-row-summary:hover{background:#7f7f7f0f}.qr-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;font-weight:700;display:inline-flex}.qr-dot.is-correct{color:var(--accent-green);background:#22c55e26}.qr-dot.is-incorrect{color:var(--accent-red);background:#ef44441f}.qr-dot.is-unanswered{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.qr-row-q{color:var(--text-primary);flex:1;font-size:.875rem;font-weight:600}.qr-row-final{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;font-size:.8rem;overflow:hidden}.qr-row-meta{color:var(--accent-orange);white-space:nowrap;font-size:.7rem;font-weight:600}.qr-row-caret{color:var(--text-secondary);font-size:.7rem;transition:transform .15s}.qr-row[open] .qr-row-caret{transform:rotate(180deg)}.qr-row .qr-choices{padding:.25rem 1rem .875rem 3.125rem}.qr-orphan{margin:.5rem 0 1rem}.doc-page{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.doc-header{border-bottom:1px solid var(--border)}.doc-header-inner,.doc-main{max-width:44rem;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.doc-header-inner{align-items:center;gap:.625rem;padding-top:1.25rem;padding-bottom:1.25rem;display:flex}.doc-logo{color:var(--accent-orange);flex-shrink:0}.doc-wordmark{letter-spacing:.02em;font-weight:600}.doc-main{padding-top:3rem;padding-bottom:5rem}.doc-title{margin-bottom:1rem;font-size:2rem;font-weight:600;line-height:1.2}.doc-lead{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7}.doc-section{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:2.5rem}.doc-section-title{margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.doc-section p{color:var(--text-secondary);line-height:1.7}.doc-section p+p{margin-top:.875rem}.doc-steps{color:var(--text-secondary);margin:0;padding-left:1.25rem;line-height:1.7}.doc-steps li+li{margin-top:.625rem}.doc-steps strong{color:var(--text-primary);font-weight:600}.doc-link{color:var(--accent-orange);font-weight:500}@media (width<=640px){.doc-main{padding-top:2rem}.doc-title{font-size:1.625rem}}
