:root{--bg-primary:#0a0a0c;--bg-secondary:#121216;--bg-tertiary:#1a1a24;--bg-glass:#121216b3;--bg-glass-heavy:#0a0a0cd9;--border-color:#ffffff14;--border-hover:#ffffff26;--border-focus:var(--accent-primary);--text-primary:#fff;--text-secondary:#9ea2b0;--text-muted:#62667a;--accent-primary:#ff4500;--accent-primary-hover:#e03d00;--accent-primary-alpha:#ff450026;--accent-secondary:#00e5ff;--accent-secondary-alpha:#00e5ff26;--color-success:#00e676;--color-success-alpha:#00e6761f;--color-error:#ff1744;--color-error-alpha:#ff17441f;--color-warning:#ffea00;--color-streak:#ff9100;--color-streak-glow:#ff910066;--color-xp:#d500f9;--color-xp-glow:#d500f94d;--font-family:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #000000b3;--glass-blur:blur(12px);--glass-blur-heavy:blur(24px);--nav-height:72px;--header-height:56px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}input,button,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}html,body,#root{background-color:var(--bg-primary);width:100%;height:100dvh;color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;padding:0;overflow:hidden}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow-y:auto}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin:0;line-height:1.25}p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}p:last-child{margin-bottom:0}a,button{transition:opacity var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast)}a:active,button:active{transform:scale(.97)}.absolute-fill{position:absolute;inset:0}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color)}@keyframes pulse-xp{0%{box-shadow:0 0 #d500f966}70%{box-shadow:0 0 0 10px #d500f900}to{box-shadow:0 0 #d500f900}}.pulse-xp-effect{animation:2s infinite pulse-xp}@keyframes flame-glow{0%{filter:drop-shadow(0 0 2px #ff910080)}50%{filter:drop-shadow(0 0 8px #ff9100cc)}to{filter:drop-shadow(0 0 2px #ff910080)}}.flame-glow-effect{animation:1.5s infinite alternate flame-glow}.auth-container{min-height:100vh;padding:var(--spacing-lg);background:radial-gradient(circle at top, #1e100a 0%, var(--bg-primary) 70%);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.auth-card{background:var(--bg-glass);width:100%;max-width:400px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);box-shadow:var(--shadow-lg);gap:var(--spacing-lg);animation:card-appear .4s var(--transition-spring);z-index:2;flex-direction:column;display:flex;position:relative}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:var(--spacing-md)}.auth-brand-wrapper{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;animation:4s ease-in-out infinite alternate logo-float;display:flex}.auth-brand-logo{object-fit:contain;max-width:220px;height:auto}.auth-brand-badge{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:2px;text-transform:uppercase;color:var(--accent-primary);padding:4px var(--spacing-sm);border-radius:var(--radius-sm);background:#ff45001a;border:1px solid #ff450033}@keyframes logo-float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-6px)rotate(5deg)}}.auth-title{font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.auth-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.input-container{align-items:center;display:flex;position:relative}.auth-input{width:100%;height:48px;padding:0 var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast)}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha);background:var(--bg-secondary);outline:none}.auth-input.has-icon{padding-left:44px}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.auth-input:focus+.input-icon{color:var(--accent-primary)}.error-message{font-size:var(--font-size-xs);color:var(--color-error);align-items:center;gap:4px;margin-top:4px;animation:.3s error-shake;display:flex}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.otp-input-container{justify-content:space-between;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;display:flex}.otp-box{text-align:center;width:48px;height:56px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-fast)}.otp-box:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha);background:var(--bg-secondary);outline:none;transform:scale(1.05)}.otp-box::placeholder{color:var(--text-muted);opacity:.3}.auth-button{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);width:100%;height:48px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);border:none;display:flex}.auth-button:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 4px 12px var(--accent-primary-alpha);transform:translateY(-1px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.button-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}.auth-footer-actions{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);font-size:var(--font-size-sm);flex-direction:column;display:flex}.auth-link{color:var(--text-secondary);transition:color var(--transition-fast);cursor:pointer;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.auth-link:hover{color:var(--accent-primary)}.auth-timer{color:var(--text-muted);font-size:var(--font-size-xs)}.role-grid{gap:var(--spacing-md);margin:var(--spacing-xs) 0;grid-template-columns:1fr 1fr;display:grid}.role-card{padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);border:2px solid #0000;flex-direction:column;display:flex}.role-card:hover{border-color:var(--border-hover);background:var(--bg-secondary);transform:translateY(-2px)}.role-card.active{border-color:var(--accent-primary);background:var(--accent-primary-alpha);box-shadow:0 0 16px var(--accent-primary-alpha)}.role-icon-wrapper{background:var(--bg-secondary);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.role-card.active .role-icon-wrapper{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.role-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.role-card.active .role-name{color:var(--text-primary)}.role-description{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.3}.select-wrapper{width:100%;position:relative}.auth-select{width:100%;height:48px;padding:0 var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);appearance:none;transition:all var(--transition-fast);cursor:pointer;padding-right:40px}.auth-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha);background:var(--bg-secondary);outline:none}.select-arrow{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-select:focus+.select-arrow{color:var(--accent-primary)}.mock-guide{margin-top:var(--spacing-xl);padding:var(--spacing-md);border:1px dashed var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary);z-index:2;background:#ffffff05;width:100%;max-width:400px}.mock-guide-title{font-weight:var(--font-weight-semibold);color:var(--accent-secondary);margin-bottom:var(--spacing-xs);align-items:center;gap:4px;display:flex}.mock-guide-list{padding-left:var(--spacing-md);margin:var(--spacing-xs) 0;flex-direction:column;gap:4px;display:flex}.mock-code-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;padding:1px 4px;font-family:monospace}.locked-badge{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:none;letter-spacing:0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;align-items:center;padding:2px 6px;display:inline-flex}.role-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.role-card.disabled:hover{background:var(--bg-tertiary)!important;border-color:#0000!important;transform:none!important}.role-card.disabled.active{box-shadow:none!important;background:#ff45000a!important;border-color:#ff45004d!important}.role-card.disabled.active .role-icon-wrapper{color:var(--accent-primary)!important;background:#ff450033!important;transform:none!important}.auth-select:disabled{opacity:.6;cursor:not-allowed;color:var(--text-secondary);background:#0003}.home-container{padding:var(--spacing-md);gap:var(--spacing-lg);max-width:600px;font-family:var(--font-family);color:var(--text-primary);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}.brand-header-bar{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0 var(--spacing-sm) 0;margin-bottom:calc(var(--spacing-xs) * -1);border-bottom:1px solid #ffffff0d;display:flex;position:relative}.brand-header-logo-horizontal{object-fit:contain;max-width:140px;height:auto}.brand-header-badge{font-size:8px;font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-primary);border-radius:var(--radius-sm);background:#ff45001a;border:1px solid #ff450026;margin-top:4px;padding:2px 6px}.brand-settings-btn{right:var(--spacing-xs);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), transform var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.brand-settings-btn:hover{color:var(--text-primary);transform:translateY(-50%)rotate(45deg)scale(1.1)}.dashboard-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex}.avatar-wrapper{flex-shrink:0;width:56px;height:56px;position:relative}.user-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--accent-primary);background:var(--bg-tertiary);width:100%;height:100%}.level-badge{background:var(--color-xp);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:2px 6px;display:flex;position:absolute;bottom:-4px;right:-4px}.user-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.user-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.user-role-tag{font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;border-radius:var(--radius-sm);background:#ffffff0d;align-self:flex-start;padding:2px 6px}.xp-tracker{flex-direction:column;gap:4px;margin-top:4px;display:flex}.xp-label-row{font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;display:flex}.xp-bar-track{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:6px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--color-xp), var(--accent-secondary));border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px var(--color-xp-glow);transition:width var(--transition-normal)}.streak-tracker{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;min-width:65px;transition:transform var(--transition-fast), background var(--transition-fast);background:#ff910014;border:1px solid #ff910033;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.streak-tracker:hover{background:#ff91001f;transform:scale(1.05)}.streak-flame{justify-content:center;align-items:center;font-size:24px;display:flex}.streak-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-streak)}.section-title-container{margin-bottom:var(--spacing-md);padding-left:var(--spacing-sm);border-left:3px solid var(--accent-primary);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.section-link{font-size:var(--font-size-sm);color:var(--accent-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.section-link:hover{color:var(--text-primary)}.courses-list,.paths-list{gap:var(--spacing-md);flex-direction:column;display:flex}.course-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none;display:flex;overflow:hidden}.course-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card.in-progress-active{box-shadow:0 4px 12px var(--accent-secondary-alpha);border-color:#00e5ff66}.course-thumbnail-wrapper{flex-shrink:0;width:100px;height:100px;position:relative}.course-thumbnail{object-fit:cover;width:100%;height:100%}.course-category-tag{font-size:8px;font-weight:var(--font-weight-semibold);background:var(--bg-glass-heavy);color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);text-transform:uppercase;padding:2px 6px;position:absolute;top:6px;left:6px}.course-details{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.course-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;overflow:hidden}.course-desc{font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;display:-webkit-box;overflow:hidden}.course-info-footer{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.course-duration{color:var(--text-muted);align-items:center;gap:4px;display:flex}.course-status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:2px 8px}.course-status-badge.completed{background:var(--color-success-alpha);color:var(--color-success)}.course-status-badge.in-progress{background:var(--accent-secondary-alpha);color:var(--accent-secondary)}.course-status-badge.not-started{color:var(--text-secondary);background:#ffffff0d}.path-card{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);color:inherit;align-items:center;gap:var(--spacing-md);transition:transform var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:flex}.path-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.path-badge-icon{border:1px solid var(--border-color);border-radius:var(--radius-full);width:60px;height:60px;box-shadow:var(--shadow-sm);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;font-size:32px;display:flex}.path-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.path-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0}.path-desc{font-size:var(--font-size-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.path-progress-bar-container{align-items:center;gap:var(--spacing-sm);margin-top:4px;display:flex}.path-progress-track{border-radius:var(--radius-full);background:#ffffff0f;flex:1;height:4px}.path-progress-fill{background:var(--color-success);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.path-progress-text{font-size:10px;font-weight:var(--font-weight-medium);color:var(--text-muted);white-space:nowrap}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff05}.empty-state p{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-sm)}.search-wrapper{width:100%;position:relative}.search-input{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 8px #ff450033}.search-icon-inside{left:var(--spacing-md);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.category-tags-scroll{gap:var(--spacing-sm);padding:4px var(--spacing-sm) 8px var(--spacing-sm);margin:0 calc(var(--spacing-md) * -1);scrollbar-width:none;display:flex;overflow-x:auto}.category-tags-scroll::-webkit-scrollbar{display:none}.category-tag-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;transition:all var(--transition-fast);padding:6px 14px}.category-tag-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.category-tag-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--accent-primary-alpha)}.path-header{text-align:center;padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(180deg, var(--bg-secondary) 0%, #12121666 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.path-header-badge{background:var(--bg-glass-heavy);border:2px solid var(--accent-primary);border-radius:var(--radius-full);width:90px;height:90px;margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;font-size:48px;display:flex;box-shadow:0 0 24px #ff450026}.path-header-badge.completed-glowing{border-color:var(--color-success);box-shadow:0 0 32px var(--color-success-alpha);animation:3s ease-in-out infinite float-celebration}@keyframes float-celebration{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(3deg)}}.path-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.path-header-desc{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:450px;margin:0}.timeline-container{gap:var(--spacing-xl);margin-top:var(--spacing-md);padding:0 var(--spacing-sm);flex-direction:column;display:flex;position:relative}.timeline-line{background:var(--border-color);z-index:1;width:2px;position:absolute;top:15px;bottom:80px;left:20px}.timeline-line.fill-completed{background:linear-gradient(180deg, var(--color-success) 0%, var(--border-color) 100%)}.timeline-step{gap:var(--spacing-md);z-index:2;display:flex;position:relative}.timeline-step-indicator{border-radius:var(--radius-full);background:var(--bg-secondary);border:3px solid var(--border-color);flex-shrink:0;width:12px;height:12px;margin-top:14px}.timeline-step.completed .timeline-step-indicator{border-color:var(--color-success);background:var(--color-success);box-shadow:0 0 8px var(--color-success-alpha)}.timeline-step.active-step .timeline-step-indicator{border-color:var(--accent-secondary);background:var(--accent-secondary);box-shadow:0 0 8px var(--accent-secondary-alpha)}.timeline-step.locked-step .timeline-step-indicator{border-color:var(--text-muted);background:var(--bg-primary)}.timeline-step-content{flex:1;min-width:0}.timeline-step-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);color:inherit;transition:all var(--transition-fast);text-decoration:none;display:flex}.timeline-step-card:hover{border-color:var(--border-hover);transform:translate(4px)}.timeline-step.locked-step .timeline-step-card{opacity:.6;pointer-events:none}.step-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.step-number{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--accent-secondary);text-transform:uppercase}.step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.step-duration{color:var(--text-muted);font-size:10px}.step-status-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge-unlocked-box{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;margin-top:var(--spacing-md);background:linear-gradient(135deg,#d500f90d 0%,#ff45000d 100%);border:1px solid #d500f933;flex-direction:column;display:flex;position:relative;overflow:hidden}.badge-unlocked-box.completed{border-color:var(--color-success);box-shadow:0 8px 24px #00e6761a}.badge-unlocked-box.completed:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e67614 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.badge-reward-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;font-size:40px;display:flex}.badge-reward-icon.locked{background:var(--bg-tertiary);border:2px dashed var(--border-color);color:var(--text-muted);opacity:.5}.badge-reward-icon.unlocked{background:linear-gradient(135deg, var(--color-success) 0%, var(--accent-secondary) 100%);box-shadow:0 4px 16px var(--color-success-alpha);border:2px solid #fff;animation:2s infinite alternate pulse-badge}@keyframes pulse-badge{0%{transform:scale(1);box-shadow:0 0 10px #00e6764d}to{transform:scale(1.08);box-shadow:0 0 20px #00e67699}}.badge-reward-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0}.badge-reward-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-transform:uppercase;padding:4px 12px}.badge-reward-status.locked{color:var(--text-muted);background:#ffffff0d}.badge-reward-status.unlocked{background:var(--color-success-alpha);color:var(--color-success)}.path-badge-img{object-fit:contain;width:76%;height:76%}.path-header-badge .path-badge-img{object-fit:contain;width:70%;height:70%}.hall-of-fame-marquee{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ff450014 0%,#ff8c0008 100%);border:1px solid #ff450033;align-items:center;gap:12px;margin:0 16px 20px;padding:10px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.hall-of-fame-marquee:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#ff450014 0%,#0000 50%);position:absolute;inset:0}.marquee-label{color:var(--accent-primary);letter-spacing:.05em;text-shadow:0 0 4px #ff450066;background:#ff450026;border:1px solid #ff45004d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:700;display:flex}.marquee-star-glow{color:var(--accent-primary);animation:1.5s infinite alternate pulse-glow}.marquee-content-container{flex:1;height:20px;position:relative;overflow:hidden}.marquee-slide{opacity:0;width:100%;height:100%;font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;transition:all .5s ease-in-out;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(15px)}.marquee-slide.active{opacity:1;transform:translateY(0)}@keyframes pulse-glow{0%{opacity:.7;filter:drop-shadow(0 0 1px #ff45004d);transform:scale(.9)}to{opacity:1;filter:drop-shadow(0 0 6px #ff4500cc);transform:scale(1.1)}}.global-rank-header-badge{color:var(--accent-primary);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;background:#ff45001a;border:1px solid #ff450033;border-radius:9999px;align-items:center;padding:2px 8px;display:inline-flex;box-shadow:0 0 8px #ff45000d}.widescreen-spreadsheet{border-collapse:collapse;width:100%;margin:0}.widescreen-spreadsheet th{border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--text-muted);background-color:#00000040;padding:14px 12px}.widescreen-spreadsheet td{border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:var(--font-size-sm);padding:14px 12px}.spreadsheet-row{transition:background-color var(--transition-fast) ease}.spreadsheet-row:hover{background-color:#ffffff05!important}.player-wrapper{z-index:1000;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}@media (width>=480px){.player-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border-color);width:100%;max-width:440px;height:100%;max-height:880px;box-shadow:var(--shadow-lg);background-color:#0c0c10;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-column{flex-direction:column}.text-center{text-align:center}.padding-lg{padding:var(--spacing-lg)}.player-header-overlay{z-index:50;padding:var(--spacing-md);gap:var(--spacing-sm);pointer-events:auto;background:linear-gradient(#0a0a0cf2 0%,#0a0a0c80 70%,#0000 100%);flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.progress-dots-row{gap:var(--spacing-xs);align-items:center;width:100%;display:flex}.progress-dot-track{border-radius:var(--radius-full);background-color:#ffffff29;flex:1;height:4px;overflow:hidden}.progress-dot-fill{background-color:var(--accent-secondary);border-radius:var(--radius-full);width:0%;height:100%}.header-badge-row{margin-top:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.course-header-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background-color:var(--border-color);padding:4px var(--spacing-sm);border-radius:var(--radius-sm)}.exit-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);justify-content:center;align-items:center;display:flex}.exit-btn:hover{background:var(--border-hover);transform:scale(1.05)}.exit-btn:active{transform:scale(.95)}.player-card-display{flex:1;width:100%;height:100%;position:relative}.card-container{width:100%;height:100%;padding:84px var(--spacing-md) var(--spacing-md) var(--spacing-md);box-sizing:border-box;flex-direction:column;display:flex}.card-scroll-content{scrollbar-width:none;flex:1;padding-bottom:32px;overflow-y:auto}.card-scroll-content::-webkit-scrollbar{display:none}.video-card-container{background-color:#000;justify-content:center;padding:0;position:relative;overflow:hidden}.video-player-element{object-fit:contain;width:100%;height:100%}.video-text-overlay{top:84px;left:var(--spacing-md);right:var(--spacing-md);pointer-events:none;z-index:10;text-shadow:0 2px 8px #000c;position:absolute}.video-overlay-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.video-overlay-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.video-state-overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-state-icon-wrapper{border-radius:var(--radius-full);width:72px;height:72px;-webkit-backdrop-filter:var(--glass-blur);background-color:#00000080;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.scale-up-fade{animation:.6s cubic-bezier(.16,1,.3,1) forwards scaleUpFade}@keyframes scaleUpFade{0%{opacity:0;transform:scale(.6)}50%{opacity:1}to{opacity:0;transform:scale(1.4)}}.video-mute-btn{bottom:120px;right:var(--spacing-md);background-color:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;z-index:25;width:40px;height:40px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-blur);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.video-mute-btn:active{transform:scale(.9)}.video-caption-container{bottom:40px;left:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--glass-blur);z-index:25;box-shadow:var(--shadow-md);text-align:center;background-color:#0a0a0ccc;border:1px solid #ffffff14;position:absolute}.video-caption-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4}.text-image-card-container{background-color:var(--bg-primary)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.25}.card-image-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;height:auto;max-height:320px;margin-bottom:var(--spacing-md);background-color:var(--bg-secondary);justify-content:center;align-items:center;display:flex;overflow:hidden}.card-image{object-fit:contain;max-width:100%;height:auto;max-height:320px}.card-text-content{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6}.md-h1,.md-h2,.md-h3{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.md-h1{font-size:var(--font-size-xl)}.md-h2{font-size:var(--font-size-lg)}.md-h3{font-size:var(--font-size-md)}.md-ul,.md-ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.md-ul{list-style-type:disc}.md-ol{list-style-type:decimal}.md-li{margin-bottom:6px}.md-blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--text-primary);padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:#ff45000a;font-style:italic}.md-code{background-color:var(--bg-tertiary);color:var(--accent-secondary);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em}.md-space{height:12px}.quiz-card-container,.scenario-card-container{background-color:var(--bg-primary);justify-content:space-between}.quiz-badge{font-size:10px;font-weight:var(--font-weight-bold);color:var(--accent-primary);letter-spacing:.1em;margin-bottom:var(--spacing-sm);text-transform:uppercase;border-left:2px solid var(--accent-primary);padding-left:var(--spacing-xs);display:inline-block}.quiz-question-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.35}.quiz-options-list,.scenario-options-list,.tf-options-container{gap:var(--spacing-md);flex-direction:column;display:flex}.quiz-option-btn,.tf-option-btn,.scenario-option-btn{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);text-align:left;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:relative}.quiz-option-btn:hover:not(:disabled),.tf-option-btn:hover:not(:disabled),.scenario-option-btn:hover:not(:disabled){border-color:var(--border-hover);background-color:var(--bg-tertiary);transform:translateY(-1px)}.quiz-option-btn.selected,.scenario-option-btn.selected{border-color:var(--accent-primary);background-color:var(--accent-primary-alpha);box-shadow:0 0 0 1px var(--accent-primary)}.tf-option-btn.selected-true{border-color:var(--accent-secondary);background-color:var(--accent-secondary-alpha);box-shadow:0 0 0 1px var(--accent-secondary)}.tf-option-btn.selected-false{border-color:var(--color-streak);box-shadow:0 0 0 1px var(--color-streak);background-color:#ff91001a}.quiz-option-btn.correct,.tf-option-btn.correct,.scenario-option-btn.correct{border-color:var(--color-success);background-color:var(--color-success-alpha);color:var(--text-primary);box-shadow:0 0 0 1px var(--color-success)}.quiz-option-btn.incorrect,.tf-option-btn.incorrect,.scenario-option-btn.incorrect{border-color:var(--color-error);background-color:var(--color-error-alpha);color:var(--text-primary);box-shadow:0 0 0 1px var(--color-error)}.quiz-option-btn.disabled,.tf-option-btn.disabled,.scenario-option-btn.disabled{opacity:.4;cursor:default}.option-icon{margin-left:var(--spacing-sm);flex-shrink:0}.quiz-option-btn.correct .option-icon,.tf-option-btn.correct .option-icon,.scenario-option-btn.correct .option-icon{color:var(--color-success)}.quiz-option-btn.incorrect .option-icon,.tf-option-btn.incorrect .option-icon,.scenario-option-btn.incorrect .option-icon{color:var(--color-error)}.quiz-feedback-panel,.scenario-feedback-panel{margin-top:var(--spacing-xl);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur)}.animate-slide-up{animation:slideUp .4s var(--transition-spring) forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.feedback-title.success{color:var(--color-success)}.feedback-title.error{color:var(--color-error)}.feedback-explanation{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.quiz-action-footer,.summary-action-footer{width:100%;padding-top:var(--spacing-md);background-color:var(--bg-primary);z-index:10}.quiz-submit-btn,.quiz-continue-btn,.summary-btn{border-radius:var(--radius-md);width:100%;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:none;padding:16px}.quiz-submit-btn:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;border:1px solid var(--border-color);box-shadow:none}.quiz-submit-btn:not(:disabled){background-color:var(--accent-primary);color:#fff}.quiz-submit-btn:not(:disabled):active{background-color:var(--accent-primary-hover);transform:scale(.98)}.quiz-continue-btn,.btn-primary{background-color:var(--color-success);color:#fff}.quiz-continue-btn:active,.btn-primary:active{filter:brightness(.9);transform:scale(.98)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:active{background-color:var(--bg-tertiary);transform:scale(.98)}.tf-options-container{gap:var(--spacing-md);flex-direction:row;display:flex}.tf-option-btn{flex-direction:column;flex:1;justify-content:center;align-items:center;height:90px}.tf-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.scenario-badge{color:var(--accent-secondary);border-left-color:var(--accent-secondary)}.scenario-option-layout{justify-content:space-between;align-items:center;width:100%;display:flex}.option-icon-wrapper{margin-left:var(--spacing-sm);flex-shrink:0;display:flex}.summary-card-container{text-align:center;justify-content:space-between;position:relative;overflow:hidden}.summary-scroll-content{flex:1;padding-bottom:24px;overflow-y:auto}.summary-scroll-content::-webkit-scrollbar{display:none}.summary-header-badge{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.success-badge-circle{border-radius:var(--radius-full);background-color:var(--color-success-alpha);border:2px solid var(--color-success);width:96px;height:96px;color:var(--color-success);box-shadow:0 0 24px var(--color-success-alpha);justify-content:center;align-items:center;display:flex;position:relative}.success-badge-icon{filter:drop-shadow(0 2px 8px #00e67666)}.fail-badge-circle{border-radius:var(--radius-full);background-color:var(--color-error-alpha);border:2px solid var(--color-error);width:96px;height:96px;color:var(--color-error);box-shadow:0 0 24px var(--color-error-alpha);justify-content:center;align-items:center;display:flex}.sparkles-container{pointer-events:none;position:absolute;inset:0}.sparkle-icon-decor{color:var(--color-warning);position:absolute}.sparkle-icon-decor.left{top:-12px;left:-8px}.sparkle-icon-decor.right{bottom:-4px;right:-8px}.summary-text-block{margin-bottom:var(--spacing-lg)}.summary-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.summary-course-title{font-size:var(--font-size-md);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.score-card-panel{padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-glass);margin-bottom:var(--spacing-lg);justify-content:space-around;align-items:center;display:flex}.score-item{flex-direction:column;flex:1;gap:4px;display:flex}.score-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.score-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.score-value.text-success{color:var(--color-success)}.score-value.text-error{color:var(--color-error)}.score-value.muted{color:var(--text-muted)}.score-divider{background-color:var(--border-color);width:1px;height:32px}.rewards-showcase-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.reward-box{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-glass);display:flex}.reward-icon-wrapper{border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reward-icon-wrapper.purple{background-color:var(--color-xp-glow);color:var(--color-xp)}.reward-icon-wrapper.orange{background-color:var(--color-streak-glow);color:var(--color-streak)}.reward-detail{text-align:left;flex-direction:column;display:flex}.reward-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.reward-value.text-xp{color:var(--color-xp)}.reward-value.text-streak{color:var(--color-streak)}.reward-label{color:var(--text-secondary);font-size:10px}.summary-motivation-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.summary-action-footer{gap:var(--spacing-sm)}.summary-btn{height:52px;padding:0 var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border-radius:var(--radius-md)}.btn-retry{background-color:var(--accent-primary);color:#fff}.btn-retry:active{background-color:var(--accent-primary-hover)}.summary-double-btn-row{gap:var(--spacing-sm);width:100%;display:flex}.summary-double-btn-row .summary-btn{flex:1}.edge-navigation-hints{display:none}.edge-hint-btn{pointer-events:auto;border-radius:var(--radius-full);background-color:var(--bg-glass);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.edge-hint-btn:hover{color:var(--text-primary);border-color:var(--border-hover);transform:scale(1.08)}.edge-hint-btn:active{transform:scale(.95)}@media (width>=1024px){.edge-navigation-hints{pointer-events:none;z-index:100;justify-content:space-between;display:flex;position:absolute;top:50%;left:-80px;right:-80px;transform:translateY(-50%)}}.themed-spinner-container{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.themed-spinner{border:4px solid #ff45001a;border-top-color:var(--accent-primary);border-right-color:var(--accent-secondary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.drag-drop-list{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.drag-drop-item{border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.drag-drop-item.selected{border-color:var(--accent-primary);background-color:var(--accent-primary-alpha);box-shadow:0 0 10px #ff450033, 0 0 0 1px var(--accent-primary)}.drag-drop-item.correct{border-color:var(--color-success);background-color:var(--color-success-alpha);box-shadow:0 0 0 1px var(--color-success)}.drag-drop-item.correct-step{border-color:var(--color-success-alpha);background-color:#00e6760a}.drag-drop-item.incorrect-step{border-color:var(--color-error);background-color:var(--color-error-alpha);box-shadow:0 0 0 1px var(--color-error)}.item-rank-badge{border-radius:var(--radius-full);background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:24px;height:24px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drag-drop-item.selected .item-rank-badge{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.drag-drop-item.correct .item-rank-badge,.drag-drop-item.correct-step .item-rank-badge{background-color:var(--color-success-alpha);border-color:var(--color-success)}.drag-drop-item.incorrect-step .item-rank-badge{background-color:var(--color-error-alpha);border-color:var(--color-error)}.item-text-content{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1;padding-right:4px;line-height:1.4}.item-action-arrows{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.arrow-nav-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.arrow-nav-btn:hover:not(:disabled){color:var(--text-primary);background-color:#ffffff0d}.arrow-nav-btn:disabled{opacity:.2;cursor:not-allowed}.quiz-instruction-subtext{animation:.4s forwards fadeIn}.certificate-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;padding:var(--spacing-md);background-color:#060608d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.certificate-modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:680px;padding:var(--spacing-lg);gap:var(--spacing-md);box-shadow:var(--shadow-lg), 0 0 30px #ffd7001a;box-sizing:border-box;flex-direction:column;display:flex;position:relative}.certificate-close-btn{top:var(--spacing-md);right:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.certificate-close-btn:hover{color:var(--text-primary);background:var(--border-hover);transform:scale(1.05)}.certificate-frame{color:#1a1a1f;border-radius:var(--radius-md);box-sizing:border-box;background:#fbfaf5;border:8px double #d4af37;width:100%;padding:16px;box-shadow:inset 0 0 20px #0000000d}.certificate-inner-border{padding:var(--spacing-lg) var(--spacing-md);box-sizing:border-box;border:1px solid #d4af3766;height:100%}.certificate-content{text-align:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.certificate-header{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.certificate-logo{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:flex}.cert-gold-sparkle{color:#d4af37;filter:drop-shadow(0 1px 2px #d4af3780)}.cert-brand-text{letter-spacing:.25em;color:#555;font-size:11px;font-weight:800;font-family:var(--font-family)}.certificate-main-title{letter-spacing:.08em;color:#1a1a1f;border-bottom:2px solid #e5d398;margin:0;padding-bottom:4px;font-family:Georgia,serif;font-size:22px;font-weight:800}.certificate-subtitle{font-size:var(--font-size-xs);color:#666;margin:4px 0 0;font-style:italic}.certificate-recipient{margin:var(--spacing-xs) 0;flex-direction:column;align-items:center;width:100%;display:flex}.recipient-name{color:#0c0c10;letter-spacing:.02em;margin:0;font-family:Georgia,serif;font-size:28px;font-weight:700}.recipient-underline{background:linear-gradient(90deg,#0000,#d4af37,#0000);width:60%;height:1px;margin-top:6px}.certificate-body{flex-direction:column;gap:6px;display:flex}.cert-body-text{font-size:var(--font-size-xs);color:#555;margin:0}.cert-course-title{color:#1a1a1f;margin:2px 0;font-size:18px;font-weight:700}.cert-completion-details{color:#777;margin:0;font-size:10px}.certificate-footer{width:100%;margin-top:var(--spacing-md);padding:0 var(--spacing-sm);box-sizing:border-box;justify-content:space-between;align-items:flex-end;display:flex}.cert-signature-block{flex-direction:column;align-items:center;width:32%;display:flex}.cert-signature-line{width:100%;height:1px;margin-bottom:var(--spacing-xs);background-color:#aaa}.cert-signature-title{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.cert-seal-block{justify-content:center;align-items:center;width:20%;display:flex}.cert-gold-seal{color:#fff;background:radial-gradient(circle,#f9e38d 0%,#d4af37 100%);border:2px dashed #fbfaf5;border-radius:50%;outline:2px solid #d4af37;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 10px #d4af374d}.cert-seal-icon{filter:drop-shadow(0 1px 2px #0003)}.certificate-modal-actions{justify-content:center;margin-top:4px;display:flex}.btn-print{width:100%;max-width:240px;font-size:var(--font-size-md)}@media print{body *{visibility:hidden!important}#certificate-print-area,#certificate-print-area *{visibility:visible!important}#certificate-print-area{width:90%!important;height:auto!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:8px double #d4af37!important;padding:24px!important;position:absolute!important;top:10%!important;left:5%!important}.certificate-inner-border{border:1px solid #d4af3766!important;padding:32px 16px!important}@page{size:landscape;margin:1cm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.video-paused-overlay{z-index:22;pointer-events:none;background-color:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-paused-play-btn{border-radius:var(--radius-full);background-color:var(--accent-primary);color:#fff;width:64px;height:64px;transition:transform var(--transition-normal), background-color var(--transition-fast);justify-content:center;align-items:center;padding-left:4px;display:flex;box-shadow:0 4px 20px #ff450066}.video-card-container:hover .video-paused-play-btn{background-color:var(--accent-primary-hover);transform:scale(1.1)}.feed-container{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;z-index:10;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.feed-container::-webkit-scrollbar{display:none}.feed-item{scroll-snap-align:start;scroll-snap-stop:always;background-color:#000;width:100%;height:100%;position:relative;overflow:hidden}.feed-video-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.feed-video-element{object-fit:cover;cursor:pointer;width:100%;height:100%}@media (width>=500px){.feed-video-element{aspect-ratio:9/16;object-fit:contain;width:auto;height:100%;box-shadow:var(--shadow-lg)}}.feed-overlay-gradient{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#00000073 50%,#000000d9 100%);height:45%;position:absolute;bottom:0;left:0;right:0}.feed-top-gradient{pointer-events:none;z-index:2;background:linear-gradient(#00000080 0%,#0000 100%);height:15%;position:absolute;top:0;left:0;right:0}.feed-overlay-box{bottom:calc(var(--nav-height) + 16px);z-index:5;color:#fff;pointer-events:none;text-shadow:0 1px 2px #0009;flex-direction:column;gap:8px;display:flex;position:absolute;left:16px;right:80px}.feed-overlay-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0;line-height:1.3}.feed-overlay-description{font-size:var(--font-size-sm);color:#ffffffd9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.feed-category-tags{pointer-events:auto;flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.feed-tag-pill{-webkit-backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:background var(--transition-fast);background:#ffffff26;border:1px solid #ffffff1a;padding:4px 10px}.feed-tag-pill:hover{background:#ffffff40}.feed-actions-box{bottom:calc(var(--nav-height) + 16px);z-index:5;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;right:16px}.feed-action-btn-container{flex-direction:column;align-items:center;gap:4px;display:flex}.feed-action-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:#12121699;border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.feed-action-btn:hover{background:#121216cc;border-color:#ffffff4d}.feed-action-btn.liked{color:var(--color-error);border-color:#ff17444d}.feed-action-btn.saved{color:var(--color-warning);border-color:#ffea004d}.feed-action-label{font-size:11px;font-weight:var(--font-weight-semibold);color:#fff;text-shadow:0 1px 3px #000c}.feed-top-bar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.feed-mute-btn{pointer-events:auto;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);transition:background var(--transition-fast);background:#12121680;border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.feed-mute-btn:hover{background:#121216b3}.feed-brand-title{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-shadow:0 1px 3px #000c}.feed-status-overlay{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);color:#fff;pointer-events:none;z-index:4;opacity:0;background:#0009;justify-content:center;align-items:center;width:72px;height:72px;animation:.5s ease-out forwards status-fade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes heart-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-15deg)}15%{opacity:.9;transform:translate(-50%,-50%)scale(1.2)rotate(-15deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-15deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-15deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)rotate(-15deg)}}.heart-animation{color:var(--color-error);filter:drop-shadow(0 0 8px #ff174499);pointer-events:none;z-index:50;animation:.8s ease-out forwards heart-pop;position:absolute}@keyframes status-fade{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}30%{opacity:.9;transform:translate(-50%,-50%)scale(1)}80%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.reference-container{flex-direction:column;height:100%;padding:24px 16px;display:flex}.reference-header{margin-bottom:8px}.reference-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:4px}.reference-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.sops-grid{flex-direction:column;gap:12px;width:100%;display:flex}.sop-card-item{padding:var(--spacing-md);background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);align-items:center;width:100%;display:flex;position:relative}.sop-card-item:active{transform:scale(.98)}.sop-card-item:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.sop-card-icon-wrap{border-radius:var(--radius-md);background:var(--accent-primary-alpha);width:44px;height:44px;color:var(--accent-primary);margin-right:var(--spacing-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sop-card-info-wrap{flex:1;min-width:0}.sop-card-category{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--accent-secondary);letter-spacing:.5px;margin-bottom:2px;display:block}.sop-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.sop-card-metadata{font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:6px;display:flex}.sop-card-arrow{color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;margin-left:8px}.sop-card-item:hover .sop-card-arrow{color:var(--text-primary);transform:translate(1px,-1px)}.sop-reader-overlay{background-color:var(--bg-primary);z-index:1000;flex-direction:column;animation:.35s cubic-bezier(.32,.94,.6,1) slideUp;display:flex;position:fixed;inset:0}.sop-reader-header{height:var(--header-height);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.sop-reader-back-btn{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;display:flex}.sop-reader-version{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.sop-reader-content{flex:1;padding:24px 16px;overflow-y:auto}.sop-reader-category-badge{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--accent-primary);letter-spacing:.5px;background:var(--accent-primary-alpha);border-radius:var(--radius-sm);margin-bottom:12px;padding:4px 8px;display:inline-block}.sop-reader-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:6px;line-height:1.2}.sop-reader-date{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:20px}.sop-divider{background-color:var(--border-color);width:100%;height:1px;margin-bottom:24px}.sop-markdown-body{color:var(--text-secondary);font-size:15px;line-height:1.6}.md-h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:24px 0 12px}.md-h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-left:3px solid var(--accent-primary);margin:20px 0 8px;padding-left:8px}.md-h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:16px 0 6px}.md-p{margin-bottom:12px}.md-li{margin-bottom:8px;padding-left:20px;list-style:none;position:relative}.md-li:before{content:"•";color:var(--accent-primary);font-weight:700;position:absolute;left:6px}.md-ol-li{margin-bottom:8px;margin-left:14px;padding-left:20px;list-style:decimal;position:relative}.profile-container{padding:var(--spacing-md);gap:var(--spacing-lg);max-width:600px;animation:fadeIn var(--transition-normal);flex-direction:column;margin:0 auto;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-tabs{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-sm);zIndex:10;display:flex;position:sticky;top:10px}.profile-tab-btn{color:var(--text-secondary);padding:10px var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.profile-tab-btn:hover{color:var(--text-primary);background:#ffffff08}.profile-tab-btn.active{color:var(--text-primary);background:var(--bg-tertiary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.profile-tab-btn svg{stroke-width:2.2px}.user-avatar-card{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-md);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.user-avatar-card:before{content:"";border-radius:var(--radius-full);background:var(--accent-primary-alpha);filter:blur(40px);pointer-events:none;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.avatar-container{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-primary) 0%, var(--color-xp) 100%);width:88px;height:88px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;padding:3px;display:flex;position:relative;box-shadow:0 4px 20px #ff45004d}.avatar-inner{border-radius:var(--radius-full);background:var(--bg-primary);width:100%;height:100%;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.role-badge{background:var(--accent-primary-alpha);color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;border:1px solid #ff450040;padding:4px 12px}.user-location-info{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.stats-summary-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.stat-glow-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:transform var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-glow-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-glow-card.xp-card{border-left:3px solid var(--color-xp)}.stat-glow-card.xp-card:after{content:"";background:var(--color-xp-glow);border-radius:var(--radius-full);filter:blur(25px);pointer-events:none;width:100px;height:100px;position:absolute;bottom:-40px;right:-40px}.stat-glow-card.streak-card{border-left:3px solid var(--color-streak)}.stat-glow-card.streak-card:after{content:"";background:var(--color-streak-glow);border-radius:var(--radius-full);filter:blur(25px);pointer-events:none;width:100px;height:100px;position:absolute;bottom:-40px;right:-40px}.stat-title{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);align-items:center;gap:6px;display:flex}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);align-items:baseline;gap:4px;display:flex}.stat-value span{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.stat-level-tracker{font-size:var(--font-size-xs);color:var(--text-muted)}.level-progress-container{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:6px;margin-top:var(--spacing-xs);overflow:hidden}.level-progress-bar{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-xp) 0%, var(--accent-secondary) 100%);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.profile-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;display:flex}.badges-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.badge-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xs);text-align:center;transition:all var(--transition-fast);flex-direction:column;align-items:center;display:flex}.badge-card:hover{border-color:var(--border-hover);background:var(--bg-tertiary);transform:translateY(-2px)}.badge-card.locked{opacity:.4;background:#12121666}.badge-icon-wrap{border-radius:var(--radius-full);width:48px;height:48px;font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);transition:transform .3s var(--transition-spring);background:#ffffff08;justify-content:center;align-items:center;display:flex}.badge-card:not(.locked):hover .badge-icon-wrap{transform:rotate(15deg)scale(1.1)}.badge-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.badge-date{color:var(--text-muted);font-size:10px}.certs-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.cert-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast);display:flex}.cert-card:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.cert-icon-and-details{align-items:center;gap:var(--spacing-md);display:flex}.cert-icon-circle{border-radius:var(--radius-md);background:var(--accent-primary-alpha);width:40px;height:40px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.cert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.cert-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.cert-status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:capitalize;padding:4px 10px}.cert-status-badge.active{background:var(--color-success-alpha);color:var(--color-success);border:1px solid #00e67633}.cert-status-badge.expired{background:var(--color-error-alpha);color:var(--color-error);border:1px solid #ff174433}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm);border:1px dashed var(--border-color);border-radius:var(--radius-lg);background:#ffffff03}.leaderboard-header{text-align:center;margin-bottom:var(--spacing-md)}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex}.podium-place{flex-direction:column;flex:1;align-items:center;max-width:100px;display:flex}.podium-avatar{border-radius:var(--radius-full);width:56px;height:56px;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);box-shadow:var(--shadow-md);border:2px solid;justify-content:center;align-items:center;display:flex;position:relative}.podium-place.first .podium-avatar{color:#000;width:72px;height:72px;font-size:var(--font-size-xl);background:linear-gradient(135deg,gold 0%,#ff8c00 100%);border-color:gold}.podium-place.second .podium-avatar{color:#000;background:linear-gradient(135deg,silver 0%,#708090 100%);border-color:silver}.podium-place.third .podium-avatar{color:#fff;background:linear-gradient(135deg,#cd7f32 0%,#8b4513 100%);border-color:#cd7f32}.podium-crown{font-size:16px;position:absolute;top:-16px}.podium-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;overflow:hidden}.podium-xp{color:var(--color-xp);font-size:11px;font-weight:var(--font-weight-bold);margin-top:2px}.podium-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;margin-top:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#ffffffb3;justify-content:center;align-items:center;display:flex}.podium-place.first .podium-bar{background:#ffd70026;border:1px solid #ffd7004d;border-bottom:none;height:60px}.podium-place.second .podium-bar{background:#c0c0c026;border:1px solid #c0c0c04d;border-bottom:none;height:40px}.podium-place.third .podium-bar{background:#cd7f3226;border:1px solid #cd7f324d;border-bottom:none;height:25px}.leaderboard-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.leaderboard-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px var(--spacing-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.leaderboard-row.highlighted{background:#ff450014;border:1px solid #ff450059;box-shadow:0 0 12px #ff45001a}.leaderboard-row-left{align-items:center;gap:var(--spacing-md);display:flex}.leaderboard-rank{width:24px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.leaderboard-row.highlighted .leaderboard-rank{color:var(--accent-primary)}.leaderboard-row-avatar{border-radius:var(--radius-full);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border:1px solid var(--border-color);justify-content:center;align-items:center;display:flex}.leaderboard-row.highlighted .leaderboard-row-avatar{background:var(--accent-primary);color:#fff;border-color:#fff3}.leaderboard-row-details{flex-direction:column;display:flex}.leaderboard-row-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.leaderboard-row-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:1px;font-size:10px}.leaderboard-row-right{align-items:center;gap:var(--spacing-sm);display:flex}.leaderboard-xp-val{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-xp)}.leaderboard-streak-tag{font-size:var(--font-size-xs);color:var(--color-streak);font-weight:var(--font-weight-medium);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid #ff910033;align-items:center;gap:2px;padding:2px 6px;display:flex}.settings-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.settings-group-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs)}.settings-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) 0;display:flex}.settings-label-wrap{flex-direction:column;flex:1;gap:2px;display:flex}.settings-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.settings-description{font-size:var(--font-size-xs);color:var(--text-muted)}.settings-select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;min-width:110px;transition:border-color var(--transition-fast);outline:none;padding:8px 12px}.settings-select:focus{border-color:var(--accent-primary)}.pwa-status-pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;display:flex}.pwa-status-pill.installed{background:var(--color-success-alpha);color:var(--color-success);border:1px solid #00e67633}.pwa-status-pill.not-installed{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer}.pwa-status-pill.not-installed:hover{background:var(--accent-primary-alpha);color:var(--accent-primary);border-color:#ff45004d}.btn-danger{background:var(--color-error-alpha);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);border:1px solid #ff174440;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.btn-danger:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error);box-shadow:0 4px 12px #ff174433}.btn-secondary-action{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 14px}.btn-secondary-action:hover{border-color:var(--border-hover);background:#ffffff0d}.badge-card-img{object-fit:contain;width:76%;height:76%}.leaderboard-tabs-row{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);background:#ffffff08;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:center;background:0 0;border:none;outline:none;flex:1;padding:10px 14px}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:#fff;background:linear-gradient(135deg, var(--accent-primary) 0%, #ff8c00 100%);font-weight:var(--font-weight-semibold);box-shadow:0 4px 12px #ff450040}.store-wars-list{gap:var(--spacing-md);flex-direction:column;display:flex}.store-wars-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-md);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;flex-direction:column;display:flex}.store-wars-card:hover{box-shadow:var(--shadow-md);border-color:#ff45004d}.store-wars-card.highlighted{background:#ff450008;border-color:#ff450080}.store-wars-row{justify-content:space-between;align-items:center;display:flex}.store-wars-left{align-items:center;gap:var(--spacing-md);display:flex}.store-wars-rank{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent-primary);text-align:center;width:28px}.store-wars-info{flex-direction:column;display:flex}.store-wars-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);align-items:center;display:flex}.store-wars-crew{color:var(--text-muted);font-size:11px}.store-wars-xp{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-xp)}.store-wars-metrics{gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid #ffffff0d;grid-template-columns:1fr 1fr;display:grid}.store-wars-metric-box{flex-direction:column;gap:4px;display:flex}.store-wars-metric-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:10px}.store-wars-metric-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.store-wars-progress-bar{border-radius:var(--radius-full);background:#ffffff0d;width:100%;height:6px;margin-top:4px;overflow:hidden}.store-wars-progress-fill{background:linear-gradient(90deg, var(--accent-primary) 0%, #ff8c00 100%);border-radius:var(--radius-full);height:100%}.admin-container{flex-direction:column;height:100%;padding:24px 16px;display:flex}.admin-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-back-btn{color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:none;border:1px solid var(--border-color);background:0 0;background-color:var(--bg-glass);align-items:center;gap:6px;padding:6px 12px;display:flex}.admin-back-btn:active{transform:scale(.96)}.admin-tabs-row{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;background:0 0;background-color:var(--bg-glass);border:none;border:1px solid var(--border-color);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;display:flex}.admin-tab-btn.active{background-color:var(--accent-primary-alpha);color:var(--accent-primary);border-color:var(--accent-primary)}.admin-content-area{flex:1;width:100%}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.admin-stat-card{padding:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:12px;display:flex}.stat-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-label{color:var(--text-muted);font-size:11px;font-weight:var(--font-weight-medium)}.stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.admin-panel-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);width:100%}.panel-header{margin-bottom:16px}.panel-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:2px}.panel-subtitle{font-size:var(--font-size-xs);color:var(--text-muted)}.employee-table-wrapper{width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);text-align:left}.employee-table th{color:var(--text-muted);font-weight:var(--font-weight-medium);border-bottom:1px solid var(--border-color);padding:8px 12px}.employee-table td{border-bottom:1px solid var(--border-color);padding:12px}.emp-name-cell{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.role-tag-cell{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);text-transform:uppercase;font-size:10px;font-weight:var(--font-weight-bold);padding:2px 6px}.status-badge-cell{font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:2px 6px}.status-badge-cell.complete{background-color:var(--color-success-alpha);color:var(--color-success)}.status-badge-cell.pending{background-color:var(--accent-secondary-alpha);color:var(--accent-secondary)}.admin-action-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 16px;display:flex}.admin-action-btn:active{transform:scale(.97)}.builder-courses-list{flex-direction:column;gap:12px;display:flex}.builder-course-row{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.builder-course-info{align-items:center;gap:12px;min-width:0;display:flex}.builder-course-thumb{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:50px;height:50px}.builder-course-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.builder-course-desc{font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;margin-bottom:4px;display:-webkit-box;overflow:hidden}.builder-course-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:flex}.builder-edit-btn{color:var(--accent-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);border:none;border:1px solid var(--accent-secondary-alpha);background:0 0;background-color:var(--accent-secondary-alpha);align-items:center;gap:4px;padding:6px 12px;display:flex}.builder-edit-btn:active{transform:scale(.96)}.paths-list-builder{flex-direction:column;gap:12px;display:flex}.path-builder-row{padding:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:16px;display:flex}.path-badge-build-icon{border-radius:var(--radius-full);background-color:var(--bg-tertiary);width:48px;height:48px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.qr-builder-layout{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}@media (width<=600px){.qr-builder-layout{grid-template-columns:1fr}}.qr-control-panel{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);height:fit-content}.qr-print-preview-pane{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px dashed var(--border-color);justify-content:center;align-items:center;padding:24px;display:flex}.print-poster-card{color:#000;border-radius:var(--radius-lg);text-align:center;width:100%;max-width:280px;box-shadow:var(--shadow-md);box-sizing:border-box;background-color:#fff;flex-direction:column;align-items:center;padding:24px;display:flex}.poster-logo-wrap{font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary);margin-bottom:8px;font-size:12px}.poster-header{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);margin-bottom:4px;line-height:1.2}.poster-subtitle{color:#555;margin-bottom:16px;font-size:10px;line-height:1.4}.poster-qr-frame{margin-bottom:16px}.poster-footer-scan{color:#333;margin-bottom:6px;font-size:10px;line-height:1.4}.poster-footer-url{color:#777;word-break:break-all;font-family:monospace;font-size:8px}.admin-modal-overlay{-webkit-backdrop-filter:var(--glass-blur);z-index:2000;background-color:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal-header-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-close-btn{color:var(--text-secondary);background:0 0;border:none}.modal-form{flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.form-grid-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.form-grid-row{grid-template-columns:1fr}}.modal-cards-editor-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#0003;grid-template-columns:180px 1fr;gap:16px;padding:8px;display:grid}@media (width<=500px){.modal-cards-editor-container{grid-template-columns:1fr}}.modal-cards-sidebar{border-right:1px solid var(--border-color);flex-direction:column;padding-right:8px;display:flex}@media (width<=500px){.modal-cards-sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:8px;padding-right:0}}.add-slide-sidebar-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.sidebar-cards-list{flex-direction:column;gap:6px;max-height:200px;margin-top:8px;display:flex;overflow-y:auto}.sidebar-card-tab{border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;background-color:var(--bg-tertiary);border:1px solid #0000;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.sidebar-card-tab.active{background-color:var(--accent-primary-alpha);color:var(--accent-primary);border-color:var(--accent-primary-alpha)}.delete-slide-btn{color:var(--text-muted);background:0 0;border:none}.delete-slide-btn:hover{color:var(--color-error)}.modal-card-detail-pane{flex-direction:column;gap:12px;display:flex}.modal-actions-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;display:flex}.employee-status-toggle-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 10px}.employee-status-toggle-btn.suspend{color:var(--color-error);background-color:#ef44440d;border-color:#ef444433}.employee-status-toggle-btn.suspend:hover{background-color:#ef444426;border-color:#ef444466}.employee-status-toggle-btn.reactivate{color:var(--color-success);background-color:#10b9810d;border-color:#10b98133}.employee-status-toggle-btn.reactivate:hover{background-color:#10b98126;border-color:#10b98166}.employee-status-toggle-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--text-muted);border-color:var(--border-color);background:0 0}@media print{body *{visibility:hidden}#printable-poster,#printable-poster *{visibility:visible}#printable-poster{width:100vw;max-width:none;height:100vh;box-shadow:none;border:none;justify-content:center;padding:2in;position:absolute;top:0;left:0}}.path-badge-build-icon .path-badge-img{object-fit:contain;width:76%;height:76%}@media (width>=1024px){.admin-container.widescreen{background-color:var(--bg-primary);flex-direction:row;max-width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.admin-sidebar{background:var(--bg-glass-heavy);border-right:1px solid var(--border-color);width:260px;height:100%;-webkit-backdrop-filter:var(--glass-blur-heavy);transition:width var(--transition-normal) ease;z-index:100;flex-direction:column;flex-shrink:0;display:flex;position:relative}.admin-sidebar.collapsed{width:80px}.sidebar-brand-header{height:var(--header-height);border-bottom:1px solid var(--border-color);white-space:nowrap;align-items:center;gap:10px;padding:0 20px;display:flex;overflow:hidden}.sidebar-logo{object-fit:contain;width:auto;height:32px}.sidebar-brand-tag{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:1.5px;color:var(--accent-primary);border:1px solid var(--accent-primary-alpha);border-radius:var(--radius-sm);background-color:var(--accent-primary-alpha);text-shadow:0 0 10px var(--accent-primary);padding:2px 6px}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex;overflow-y:auto}.sidebar-nav-btn{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;width:100%;transition:all var(--transition-fast) ease;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:16px;padding:12px 16px;display:flex}.admin-sidebar.collapsed .sidebar-nav-btn{justify-content:center;padding:12px 0}.sidebar-nav-btn .nav-icon{justify-content:center;align-items:center;font-size:18px;display:flex}.sidebar-nav-btn .nav-label{opacity:1;transition:opacity var(--transition-fast)}.admin-sidebar.collapsed .sidebar-nav-btn .nav-label{opacity:0;width:0;display:none}.sidebar-nav-btn:hover{color:var(--text-primary);background-color:#ffffff08}.sidebar-nav-btn.active{background-color:var(--accent-primary-alpha);color:var(--accent-primary);border-color:#ff45004d;box-shadow:inset 0 0 12px #ff45000d,0 2px 8px #ff45001a}.sidebar-footer{border-top:1px solid var(--border-color);background-color:#0003;flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar-exit-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.sidebar-exit-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background-color:#ffffff05}.sidebar-collapse-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;padding:8px;display:flex}.sidebar-collapse-toggle:hover{color:var(--text-primary)}.admin-main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.widescreen-panel{flex:1;height:100%;padding:32px;overflow-y:auto}.panel-widescreen-header{margin-bottom:24px}.widescreen-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px}.widescreen-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.widescreen-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin-bottom:24px;display:grid}.widescreen-kpi-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);transition:border-color var(--transition-fast) ease, transform var(--transition-fast) ease;flex-direction:column;gap:12px;padding:20px;display:flex}.widescreen-kpi-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.kpi-header{align-items:center;gap:10px;display:flex}.kpi-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-title{color:var(--text-muted);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.kpi-body{justify-content:space-between;align-items:flex-end;display:flex}.kpi-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.kpi-chart{align-items:flex-end;display:flex}.split-pane-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}.builder-split-pane{flex:1;grid-template-columns:2.5fr 4.5fr 3fr;gap:20px;height:calc(100vh - 150px);margin-top:16px;display:grid;overflow:hidden}.flex-column-container{flex-direction:column;display:flex}.outline-timeline-list{position:relative}.timeline-card-node:hover{transform:translate(2px);border-color:#fff3!important}.timeline-card-node.active{box-shadow:0 0 15px #ff450026}.timeline-dot-number{transition:all var(--transition-fast) ease;box-shadow:0 0 8px #00000080}.timeline-card-node.active .timeline-dot-number{box-shadow:0 0 10px var(--accent-primary)}.phone-mock-shell{width:290px;height:540px;box-shadow:var(--shadow-lg), 0 0 20px #ffffff0d;background-color:#000;border:10px solid #1a1a24;border-bottom-width:12px;border-radius:36px;flex-direction:column;align-self:center;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:50;background-color:#1a1a24;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:110px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-status-bar{color:#888;height:24px;font-size:9px;font-weight:var(--font-weight-semibold);z-index:40;background-color:#0000;justify-content:space-between;align-items:center;padding:6px 20px 0;display:flex}.phone-screen-content{background-color:var(--bg-primary);border-radius:26px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.phone-inner-card{box-sizing:border-box;flex:1;width:100%;padding:10px 0;overflow-y:auto}.widescreen-spreadsheet{border-collapse:collapse;width:100%;margin:0}.widescreen-spreadsheet th{border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:var(--font-weight-bold);background-color:#0003;padding:14px 12px}.widescreen-spreadsheet td{border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:var(--font-size-sm);padding:16px 12px}.spreadsheet-row{transition:background-color var(--transition-fast) ease}.spreadsheet-row:hover{background-color:#ffffff05!important}.suspended-row:hover{background-color:#ff17440a!important}.spreadsheet-avatar{box-shadow:var(--shadow-sm);transition:all var(--transition-fast) ease}.spreadsheet-row:hover .spreadsheet-avatar{transform:scale(1.05)}.widescreen-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.widescreen-course-card{transition:all var(--transition-fast) ease}.widescreen-course-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26;transform:translateY(-3px)}.widescreen-paths-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.widescreen-path-card{transition:all var(--transition-fast) ease}.widescreen-path-card:hover{border-color:#ffffff26;transform:translateY(-3px)}}.giphy-modal-overlay{z-index:2500!important}.giphy-modal-card{flex-direction:column;width:90vw;height:80vh;display:flex;max-width:600px!important}.giphy-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:4px;display:grid}.giphy-grid-item{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:1.5px solid #0000;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.giphy-grid-item:hover{border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #ff45004d}.giphy-grid-item img{object-fit:cover;width:100%;height:100%}.storyboard-card-item{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.storyboard-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#ffffff40!important}.storyboard-card-item.active{border-color:var(--accent-primary)!important;box-shadow:0 0 12px var(--accent-primary-alpha)!important}.storyboard-card-item:hover .storyboard-card-overlay{opacity:1!important}.pane-tab-btn{transition:all .2s}.pane-tab-btn:hover{color:#fff!important;background-color:#ffffff08!important}.pane-tab-btn.active{color:var(--accent-primary)!important;background-color:#ffffff0d!important}.course-settings-panel{padding-bottom:30px}.course-settings-panel .form-group{flex-direction:column;gap:6px;display:flex}.course-settings-panel .form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.course-settings-panel .form-input{border:1px solid var(--border-color);color:#fff;background:#ffffff0d;border-radius:6px;outline:none;padding:10px 12px;font-size:13px;transition:all .2s}.course-settings-panel .form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-alpha);background:#ffffff14}.reports-filters-group select{font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast) ease}.reports-filters-group select:focus{border-color:var(--accent-primary)}.reports-charts-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.heatmap-item{transition:all var(--transition-fast) ease;-webkit-backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;display:flex}.heatmap-item:hover{box-shadow:var(--shadow-sm);transform:translate(3px)}.heatmap-critical{color:#ff8b8b;background-color:#ef44440f!important;border-color:#ef444440!important}.heatmap-critical:hover{box-shadow:0 0 10px #ef444426;border-color:#ef444480!important}.heatmap-warning{color:#ffb74d;background-color:#f59e0b0f!important;border-color:#f59e0b40!important}.heatmap-warning:hover{box-shadow:0 0 10px #f59e0b26;border-color:#f59e0b80!important}.heatmap-mastered{color:#81c784;background-color:#10b9810f!important;border-color:#10b98140!important}.heatmap-mastered:hover{box-shadow:0 0 10px #10b98126;border-color:#10b98180!important}.reports-slide-over-overlay{-webkit-backdrop-filter:blur(4px);z-index:2100;background-color:#000000b3;justify-content:flex-end;display:flex;position:fixed;inset:0}.reports-slide-over-panel{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;width:100%;max-width:480px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-5px 0 25px #00000080}.slide-over-header{border-bottom:1px solid var(--border-color);background-color:#00000026;justify-content:space-between;align-items:center;padding:20px;display:flex}.slide-over-content{overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.ai-drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast) ease;cursor:pointer;background-color:#ffffff03;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.ai-drop-zone:hover{border-color:var(--accent-primary);background-color:#ff450008}.ai-upload-link{color:var(--accent-primary);cursor:pointer;font-weight:var(--font-weight-semibold);text-decoration:underline}.ai-selected-file{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#ffffff0a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ai-file-remove-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ai-file-remove-btn:hover{color:var(--color-error);background-color:#ef44441a}.ai-textarea{min-height:110px;font-family:inherit}.pizza-loading-overlay{-webkit-backdrop-filter:blur(8px);z-index:3000;background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pizza-loading-card{text-align:center;background:var(--bg-glass-heavy);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:16px;width:290px;padding:32px 24px;display:flex}.pizza-loader-container{width:76px;height:76px;position:relative}.pizza-crust-loader{box-sizing:border-box;border:6px solid #d97706;border-radius:50%;width:100%;height:100%;animation:2.5s linear infinite pizza-spin;position:relative;box-shadow:0 0 15px #d977064d}.pizza-slices-loader{background:conic-gradient(#0000 0deg 40deg,#fcd34d 40deg 80deg,#0000 80deg 120deg,#fcd34d 120deg 160deg,#0000 160deg 200deg,#fcd34d 200deg 240deg,#0000 240deg 280deg,#fcd34d 280deg 320deg,#0000 320deg 360deg);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.pizza-slices-loader:before{content:"";background-color:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:15%;left:45%;box-shadow:18px 24px #ef4444,-18px 30px #ef4444,2px 48px #ef4444}.pizza-loading-title{font-size:16px;font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.2px;margin:0}.pizza-loading-status{color:var(--accent-primary);font-size:13px;font-weight:var(--font-weight-medium);min-height:20px;margin:0}@keyframes pizza-spin{to{transform:rotate(360deg)}}.draft-review-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:95vw;max-width:1080px;height:85vh;box-shadow:var(--shadow-lg), 0 10px 40px #0009;box-sizing:border-box;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) review-zoomIn;display:flex;overflow:hidden}@keyframes review-zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.draft-review-header{border-bottom:1px solid var(--border-color);background-color:#0003;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.draft-review-body{box-sizing:border-box;flex:1;grid-template-columns:320px 1fr;gap:20px;padding:20px;display:grid;overflow:hidden}.draft-review-sidebar{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.draft-metadata-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff04}.draft-card-item{cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-tertiary);align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.draft-card-item:hover{background-color:#ffffff05;border-color:#ffffff2e}.draft-card-item.active{border-color:var(--accent-primary);background-color:var(--accent-primary-alpha);box-shadow:0 0 8px #ff45001a}.draft-card-order{width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--text-secondary);background-color:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.draft-card-item.active .draft-card-order{background-color:var(--accent-primary);color:#fff}.draft-card-type-tag{text-transform:uppercase;color:var(--accent-primary);font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:.5px;display:inline-block}.draft-review-preview-pane{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:#00000040;justify-content:center;align-items:center;padding:24px;display:flex;overflow-y:auto}.mock-mobile-device{width:290px;height:520px;box-shadow:var(--shadow-lg), 0 5px 25px #0009;background-color:#000;border:10px solid #1a1a24;border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden}.mock-mobile-screen{background-color:var(--bg-primary);flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.mock-progress-header{border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:10px}.mock-progress-dots{gap:4px;display:flex}.mock-dot{background-color:#ffffff14;border-radius:2px;height:3px;transition:background-color .2s}.mock-dot.active{background-color:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary)}.mock-dot.completed{background-color:#fff}.mock-card-body{flex-direction:column;flex:1;gap:14px;padding-right:2px;display:flex;overflow-y:auto}.mock-card-title{font-size:15px;font-weight:var(--font-weight-bold);color:#fff;margin:0}.mock-card-text-content{color:var(--text-secondary);font-size:11.5px;line-height:1.5}.mock-quiz-question{font-size:12.5px;font-weight:var(--font-weight-semibold);color:#fff;margin:0;line-height:1.4}.mock-quiz-option{border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:11.5px;display:flex}.mock-quiz-option.correct{color:#10b981;background-color:#10b98114;border-color:#10b981}.mock-opt-letter{border:1px solid var(--border-color);width:16px;height:16px;font-size:9px;font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.mock-quiz-option.correct .mock-opt-letter{color:#fff;background-color:#10b981;border-color:#10b981}.mock-explanation-box{border:1px dashed var(--border-color);color:var(--text-muted);background-color:#ffffff05;border-radius:6px;padding:8px 10px;font-size:10.5px;line-height:1.3}.path-editor-container{flex-direction:column;gap:16px;height:100%;display:flex;overflow:hidden}.path-editor-layout{flex:1;gap:20px;display:flex;overflow:hidden}@media (width<=1023px){.path-editor-layout{flex-direction:column;gap:16px;padding-bottom:24px;overflow-y:auto}}.path-courses-list{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.path-preset-badge-btn{border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast) ease;border:1px solid var(--border-color);background:#ffffff03;flex:1;align-items:center;gap:8px;padding:10px;display:flex}.path-preset-badge-btn:hover{background-color:#ffffff08;border-color:#ffffff1f;transform:translateY(-1px)}.path-preset-badge-btn.active{border-color:var(--accent-primary);background:var(--accent-primary-alpha)}.path-preset-badge-btn:active{transform:scale(.98)}.admin-store-wars-card{transition:all var(--transition-normal) ease}.admin-store-wars-card:hover{box-shadow:0 4px 12px #ff45000d;border-color:#ff450040!important}.backups-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);cursor:pointer;background-color:#ffffff03;padding:32px 16px}.backups-dropzone:hover{border-color:var(--accent-primary);background-color:#ff8c0005}.backups-dropzone.drag-active{background-color:var(--accent-primary-alpha);border-color:var(--accent-primary)}.backups-danger-box{border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-error);background:#ef444414;border:1px solid #ef444433;padding:12px;line-height:1.5}.archive-dashboard-layout{animation:fadeIn var(--transition-medium) ease-in-out}.archive-subtabs{scrollbar-width:none}.archive-subtabs::-webkit-scrollbar{display:none}