:root{--bg-primary: #f7f9fb;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-tertiary-hover: #e2e8f0;--text-color: #0f172a;--text-color-secondary: #64748b;--border-color: #e2e8f0;--topbar-height: 90px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{max-width:100%;overflow-x:hidden}body{background:#f7f9fb;color:#0f172a;line-height:1.65}body.theme-dark{--bg-primary: #0a1128;--bg-secondary: #1f2937;--bg-tertiary: #334155;--bg-tertiary-hover: #475569;--text-color: #e2e8f0;--text-color-secondary: #94a3b8;--border-color: #334155;--card-bg: #1f2937;--card-border: #374151;--card-hover-bg: #374151;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--badge-bg: #374151;--primary: #3b82f6;--primary-light: rgba(59, 130, 246, .2);background:#0a1128;color:#e2e8f0}body.theme-dark .topbar{background:#0a1128eb;border-bottom-color:#1e3a8a}body.theme-dark .search-input{background:#0f172a;color:#e2e8f0;border-color:#1f2937}body.theme-dark .search-input::placeholder{color:#94a3b8}body.theme-dark .chip{background:#1e293b;color:#e2e8f0;border-color:#334155}body.theme-dark .chip[aria-pressed=true]{background:#1d4ed8;border-color:#2563eb;color:#f1f5f9}body.theme-dark .skills-grid .category,body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .library-content,body.theme-dark .library-summary-card{background:#1f2937;color:#e2e8f0;border-color:#334155}body.theme-dark .card h3,body.theme-dark .card .card-title,body.theme-dark .card .lane-sub,body.theme-dark .card .lane-desc,body.theme-dark .card .inline-link,body.theme-dark .card .card-meta,body.theme-dark .category h2,body.theme-dark .category p{color:#e2e8f0}body.theme-dark .card .chip,body.theme-dark .card .duration,body.theme-dark .card .tag-chip{background:#94a3b833;color:#f8fafc;border-color:#94a3b873}body.theme-dark .card .inline-link:hover{color:#60a5fa;text-decoration:underline}body.theme-dark .swimlane{--swimlane-bg: #0a1128;--swimlane-card-bg: #172a45;--swimlane-card-hover: #1e3a8a;--swimlane-text: #e2e8f0;--swimlane-text-secondary: #94a3b8;--swimlane-border: #1e3a8a;--swimlane-nav-bg: #172a45;--swimlane-nav-hover: #1e3a8a;--swimlane-nav-disabled: #172a45;--swimlane-nav-text: #e2e8f0;--swimlane-see-all: #60a5fa;--swimlane-see-all-hover: #93c5fd}body.theme-dark .swimlane{background:var(--swimlane-bg);color:var(--swimlane-text)}body.theme-dark .swimlane-head{border-bottom-color:var(--swimlane-border)}body.theme-dark .swimlane h2{color:#bfdbfe}body.theme-dark .lane-sub,body.theme-dark .lane-desc{color:var(--swimlane-text-secondary)}body.theme-dark .nav-chip{background:var(--swimlane-nav-bg);color:var(--swimlane-nav-text);border-color:var(--swimlane-border)}body.theme-dark .nav-chip:not(:disabled):hover{background:var(--swimlane-nav-hover)}body.theme-dark .nav-chip:disabled{background:var(--swimlane-nav-disabled);opacity:.6;cursor:not-allowed}body.theme-dark .see-all{color:var(--swimlane-see-all)}body.theme-dark .see-all:hover{color:var(--swimlane-see-all-hover);text-decoration:none}body.theme-dark .swimlane .card{background:var(--swimlane-card-bg);border-color:var(--swimlane-border);color:var(--swimlane-text)}body.theme-dark .swimlane .card:hover{background:var(--swimlane-card-hover);border-color:#4b5563}body.theme-dark .swimlane .card h3,body.theme-dark .swimlane .card .card-title{color:#f8fafc}body.theme-dark .swimlane .card .card-meta,body.theme-dark .swimlane .card .duration{color:var(--swimlane-text-secondary)}body.theme-dark .swimlane .chip,body.theme-dark .swimlane .tag-chip{background:#94a3b833;color:#f8fafc;border-color:#94a3b84d}body.theme-dark .btn-primary{background:#2563eb;color:#fff;border:1px solid #3b82f6}body.theme-dark .btn-primary:hover{background:#1d4ed8;border-color:#2563eb}body.theme-dark .btn-secondary{background:#1e293b;color:#cbd5f5;border-color:#334155}body.theme-dark .leftnav{background:#0a1128;border-right-color:#1e3a8a}body.theme-dark .leftnav a{color:#e2e8f0}body.theme-dark .leftnav a:hover,body.theme-dark .leftnav a:focus{color:#93c5fd;background:#1e3a8a4d}body.theme-dark .lane-desc,body.theme-dark .lane-sub{color:#cbd5f5}body.theme-dark .nav-icon,body.theme-dark .nav-label{color:inherit}body.theme-dark .nav-toggle-btn{background:#334155;color:#e2e8f0}body.theme-dark .nav-toggle-btn:hover{background:#3b82f64d;color:#93c5fd}body.theme-dark .homepage{color:#e2e8f0}body.theme-dark .hero-section,body.theme-dark .hero-slider{background:linear-gradient(135deg,#1e293b,#0f172a)}body.theme-dark .hero-section h1,body.theme-dark .hero-slider h1{color:#f1f5f9}body.theme-dark .hero-section p,body.theme-dark .hero-slider p{color:#94a3b8}body.theme-dark .hero-dot{background:#475569}body.theme-dark .hero-dot:hover{background:#64748b}body.theme-dark .hero-dot.active{background:#3b82f6}body.theme-dark .swimlane-title{color:#f1f5f9}body.theme-dark .swimlane-subtitle{color:#94a3b8}body.theme-dark .swimlane-see-all{color:#60a5fa}body.theme-dark .swimlane-see-all:hover{color:#93c5fd}body.theme-dark .swimlane-nav-btn{background:#334155;border-color:#475569;color:#e2e8f0}body.theme-dark .swimlane-nav-btn:hover{background:#475569;border-color:#3b82f6}body.theme-dark .swimlane-course-card{background:#1f2937;border-color:#374151}body.theme-dark .swimlane-course-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000004d}body.theme-dark .swimlane-card-title{color:#f1f5f9}body.theme-dark .swimlane-card-skill{color:#60a5fa}body.theme-dark .swimlane-card-channel{color:#94a3b8}body.theme-dark .swimlane-card-info{background:#1f2937}body.theme-dark .role-card{background:#1f2937!important;border-color:#374151!important}body.theme-dark .role-card:hover{background:#374151!important;border-color:#3b82f6!important}body.theme-dark .role-card h3,body.theme-dark .role-card h4{color:#f1f5f9!important}body.theme-dark .role-card p{color:#94a3b8!important}body.theme-dark .role-card span{color:#94a3b8}body.theme-dark .role-card [style*="background: var(--badge-bg"]{background:#374151!important}.container{max-width:100%;margin:0 auto;padding:0 1rem}.topbar{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid #e2e8f0}.topbar-inner{display:flex;align-items:center;gap:1rem;padding:.6rem 0}.brand{color:#0f172a;font-weight:700;text-decoration:none;letter-spacing:.2px}.brand-accent{color:#2563eb}.topbar-search{flex:1}.search-input{width:100%;padding:.65rem .9rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:.95rem}.search-input::placeholder{color:#64748b}.search-input:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px;border-color:#60a5fa}.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:.75rem 0}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:.4rem .75rem;border-radius:999px;cursor:pointer}.chip[aria-pressed=true]{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.chip:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;padding:1rem 0 2rem}.category h2{margin:.5rem 0 .75rem;font-size:1rem;font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0;padding-bottom:.25rem}.card{background:#fff;border:1px solid #e8edf3;padding:.75rem;margin-bottom:.5rem;border-radius:12px;transition:box-shadow .18s ease,transform .18s ease;transform-origin:center center}.swimlane .card{padding:.5rem .6rem;margin:0 0 .3rem;transform-origin:left center;min-width:0}.swimlane .card h3{font-size:.9rem;margin:0 0 .1rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swimlane .card:hover .card-title{font-size:.98rem}.swimlane .card:hover .tag-chip{font-size:.88rem;padding:.24rem .55rem}.card:hover .card-title{font-size:1.18rem}.card:hover .tag-chip{font-size:1.08rem;padding:.42rem .82rem}.card:hover{box-shadow:0 8px 24px #0f172a1f;transform:scale(1.12);z-index:5}.card h3{margin:0 0 .25rem;font-size:1rem;font-weight:650;letter-spacing:.02em;color:#0f172a;transition:font-size .18s ease}.card .card-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.save-btn{position:absolute;top:12px;right:12px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#6b7280;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.save-btn:hover{background:#fff;border-color:#d1d5db;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.save-btn:disabled{cursor:not-allowed;opacity:.6}.save-btn.saved{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.save-btn.saved:hover{background:#fde68a;border-color:#d97706}body.theme-dark .save-btn{background:#1f2937f2;border-color:#4b5563;color:#9ca3af}body.theme-dark .save-btn:hover{background:#374151;border-color:#6b7280}body.theme-dark .save-btn.saved{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24}body.theme-dark .save-btn.saved:hover{background:#fbbf244d}.save-btn-inline{background:transparent;border:1px solid #e5e7eb;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6b7280;transition:all .2s ease;margin-left:8px}.save-btn-inline:hover{background:#f9fafb;border-color:#d1d5db;transform:scale(1.05)}.save-btn-inline:disabled{cursor:not-allowed;opacity:.6}.save-btn-inline.saved{color:#f59e0b;background:#fef3c7;border-color:#f59e0b}.save-btn-inline.saved:hover{background:#fde68a;border-color:#d97706}body.theme-dark .save-btn-inline{background:transparent;border-color:#4b5563;color:#9ca3af}body.theme-dark .save-btn-inline:hover{background:#374151;border-color:#6b7280}body.theme-dark .save-btn-inline.saved{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24}body.theme-dark .save-btn-inline.saved:hover{background:#fbbf244d}.my-library-page{padding:1rem;max-width:1200px;margin:0 auto}.my-library-header{margin-bottom:1.5rem}.my-library-header h1{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.my-library-header p{color:#64748b;font-size:1.1rem;margin:0}.my-content-section{margin-bottom:2rem}.my-content-section h2{font-size:1.3rem;font-weight:600;color:#0f172a;margin:0 0 .75rem}.content-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;transition:all .2s ease}.content-card:hover{box-shadow:0 4px 12px #0000001a}.content-card h3{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .75rem}.goal-progress{display:flex;align-items:center;gap:1rem}.progress-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.goal-progress p{margin:0;color:#64748b}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip{background:#f1f5f9;color:#475569;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.evaluation-status p{margin:0 0 1rem;color:#64748b}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.library-content{display:grid;grid-template-columns:180px 1fr;gap:1.5rem}.library-sidebar{background:#f8fafc;border-radius:8px;padding:.75rem;height:fit-content}.library-nav{display:flex;flex-direction:column;gap:.25rem}.nav-tab{background:transparent;border:none;padding:.6rem .8rem;text-align:left;border-radius:6px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:.9rem}.nav-tab:hover{background:#e2e8f0;color:#475569}.nav-tab.active{background:#3b82f6;color:#fff}.library-main{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.library-main h3{font-size:1.2rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.loading-state,.empty-state{text-align:center;padding:2rem 1rem;color:#64748b}.empty-state p:first-child{font-weight:600;color:#475569;margin-bottom:.5rem}body.theme-dark .my-library-header h1,body.theme-dark .my-content-section h2,body.theme-dark .content-card h3,body.theme-dark .library-main h3{color:#f1f5f9}body.theme-dark .my-library-header p,body.theme-dark .goal-progress p,body.theme-dark .evaluation-status p{color:#94a3b8}body.theme-dark .content-card,body.theme-dark .library-main{background:#1e293b;border-color:#334155}body.theme-dark .library-sidebar{background:#1e293b}body.theme-dark .nav-tab{color:#94a3b8}body.theme-dark .nav-tab:hover,body.theme-dark .skill-chip{background:#334155;color:#e2e8f0}body.theme-dark .btn-secondary{background:#334155;color:#e2e8f0;border-color:#475569}body.theme-dark .btn-secondary:hover{background:#475569}.saved-video-card{position:relative}.saved-video-actions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 0;border-top:1px solid #e2e8f0;margin-top:.75rem}.video-info{display:flex;align-items:center}.saved-indicator{color:#f59e0b;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.unsave-btn{background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease}.unsave-btn:hover{background:#fecaca;border-color:#f87171;transform:scale(1.05)}.unsave-btn:disabled{cursor:not-allowed;opacity:.6}.unsave-btn.removing{background:#fbbf24;color:#fff;border-color:#f59e0b}body.theme-dark .saved-video-actions{border-color:#334155}body.theme-dark .saved-indicator{color:#fbbf24}body.theme-dark .unsave-btn{background:#dc262633;color:#f87171;border-color:#7f1d1d}body.theme-dark .unsave-btn:hover{background:#dc26264d;border-color:#dc2626}.progress-bar-container{width:100%}.progress-bar-container.card{margin-top:.5rem}.progress-bar-container.player{margin-top:1rem}.progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .3s ease}.progress-bar-fill.completed{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar-fill.not-started{background:linear-gradient(90deg,#f59e0b,#d97706);opacity:.6}.progress-bar-skeleton{width:100%;height:4px;background:#f3f4f6;border-radius:2px;animation:pulse 1.5s ease-in-out infinite}.progress-text{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:.85rem}.progress-percentage{color:#6b7280;font-weight:500}.progress-completed{color:#10b981;font-weight:600;display:flex;align-items:center;gap:.25rem}.progress-not-started{color:#f59e0b;font-weight:500;font-style:italic}.progress-bar-container.card .progress-bar,.progress-bar-container.card .progress-bar-skeleton{height:3px}.progress-bar-container.card{display:flex;align-items:center;gap:.5rem}.progress-bar-container.card .progress-bar{flex:1}.progress-percentage-small{font-size:.75rem;color:#6b7280;font-weight:500;white-space:nowrap}.progress-bar-container.inline-progress{margin-top:0;margin-bottom:0}.progress-bar-container.inline-progress .progress-bar,.progress-bar-container.inline-progress .progress-bar-skeleton{height:2px;max-width:120px}body.theme-dark .progress-bar{background:#374151}body.theme-dark .progress-bar-skeleton{background:#4b5563}body.theme-dark .progress-percentage-small,body.theme-dark .progress-percentage{color:#9ca3af}body.theme-dark .progress-completed{color:#34d399}.progress-video-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.progress-video-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.progress-video-card .card-thumbnail{position:relative;width:100%;height:180px;overflow:hidden}.progress-video-card .card-thumbnail img{width:100%;height:100%;object-fit:cover}.progress-video-card .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000001a,#0000004d);display:flex;justify-content:space-between;align-items:flex-start;padding:12px}.progress-video-card .provider-badge{background:#ffffffe6;border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:4px}.progress-video-card .provider-logo{width:16px;height:16px;border-radius:2px}.progress-video-card .provider-initials{font-size:.75rem;font-weight:600;color:#374151}.progress-video-card .completion-badge{background:#10b981e6;color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.progress-video-card .card-content{padding:16px}.progress-video-card .card-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-video-card .progress-info{margin-bottom:12px}.progress-video-card .card-progress-bar{margin-bottom:8px}.progress-video-card .progress-details{font-size:.875rem;color:#6b7280}.progress-video-card .time-info{display:flex;justify-content:space-between;align-items:center}.progress-video-card .current-time{font-weight:500;color:#374151}.progress-video-card .time-remaining{font-size:.75rem;color:#9ca3af}.progress-video-card .completion-info{text-align:center}.progress-video-card .completion-text{color:#10b981;font-weight:500}.progress-video-card .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#9ca3af}.progress-video-card .last-watched{font-weight:500}.progress-video-card .course-category{background:#f3f4f6;color:#6b7280;padding:2px 6px;border-radius:4px;font-weight:500}body.theme-dark .progress-video-card{background:#1f2937;border-color:#374151}body.theme-dark .progress-video-card .card-title{color:#f9fafb}body.theme-dark .progress-video-card .current-time{color:#d1d5db}body.theme-dark .progress-video-card .progress-details{color:#9ca3af}body.theme-dark .progress-video-card .course-category{background:#374151;color:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.question-nav-btn{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.question-nav-btn:hover{border-color:#3b82f6;color:#3b82f6}.question-nav-btn.answered{border-color:#10b981;background:#10b981;color:#fff}.question-nav-btn.answered.active{border-color:#3b82f6;background:#3b82f6}.assessment-results{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;text-align:center}.results-header.passed{color:#065f46}.results-header.failed{color:#92400e}.results-icon{font-size:4rem;margin-bottom:1rem}.results-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.results-header h2{font-size:1.25rem;font-weight:500;opacity:.8}.results-details{display:grid;gap:2rem;margin-bottom:2rem}.score-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.score-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.score-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.score-number{font-size:3rem;font-weight:700;color:#1f2937}.score-total{font-size:1.5rem;color:#6b7280}.score-percentage{font-size:1.25rem;font-weight:600;color:#3b82f6}.certificate-card{background:#d1fae5;border:1px solid #10b981;border-radius:12px;padding:2rem}.certificate-card h3{color:#065f46;margin-bottom:1rem}.certificate-card p{color:#065f46;margin-bottom:1.5rem}.certificate-actions,.results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-large{padding:.875rem 2rem;font-size:1.125rem;font-weight:600}body.theme-dark .assessment-page{background:#111827}body.theme-dark .assessment-loading,body.theme-dark .assessment-error,body.theme-dark .assessment-auth-required,body.theme-dark .assessment-intro,body.theme-dark .assessment-header,body.theme-dark .assessment-question,body.theme-dark .assessment-navigation,body.theme-dark .assessment-results{background:#1f2937;border-color:#374151}body.theme-dark .assessment-intro h1,body.theme-dark .assessment-info h1,body.theme-dark .question-text,body.theme-dark .results-header h1{color:#f9fafb}body.theme-dark .assessment-intro h2,body.theme-dark .results-header h2{color:#d1d5db}body.theme-dark .detail-card{background:#374151;border-color:#4b5563}body.theme-dark .detail-card h3{color:#f9fafb}body.theme-dark .detail-card li,body.theme-dark .option-label{border-color:#4b5563;color:#d1d5db}body.theme-dark .option-label:hover{border-color:#3b82f6;background:#374151}body.theme-dark .option-label:has(input:checked){background:#1e3a8a;border-color:#3b82f6}body.theme-dark .option-text{color:#d1d5db}body.theme-dark .question-nav-btn{background:#374151;border-color:#4b5563;color:#d1d5db}body.theme-dark .score-card{background:#374151;border-color:#4b5563}body.theme-dark .score-number{color:#f9fafb}@media (max-width: 768px){.assessment-page{padding:1rem .5rem}.assessment-container{max-width:100%}.assessment-info{flex-direction:column;gap:1rem}.assessment-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.nav-buttons{flex-direction:column;gap:1rem}.question-navigator{gap:.25rem}.question-nav-btn{width:35px;height:35px;font-size:.875rem}.assessment-actions,.certificate-actions,.results-actions{flex-direction:column;align-items:center}.assessment-actions button,.certificate-actions button,.results-actions button{width:100%;max-width:300px}}.certificate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px -1px #0000001a;transition:all .2s ease}.certificate-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.certificate-header{display:flex;gap:1rem;margin-bottom:1.5rem}.certificate-thumbnail{position:relative;width:120px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0}.certificate-thumbnail img{width:100%;height:100%;object-fit:cover}.certificate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000004d,#0000001a);display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem}.provider-badge{background:#ffffffe6;border-radius:4px;padding:2px 4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}.provider-logo{width:16px;height:16px;object-fit:contain}.provider-initials{font-size:.625rem;font-weight:600;color:#374151}.certificate-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 6px;border-radius:4px;font-size:.625rem;font-weight:600;box-shadow:0 1px 2px #0000001a}.certificate-info{flex:1;min-width:0}.certificate-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.certificate-recipient{font-size:.875rem;color:#6b7280;margin:0 0 .25rem;font-weight:500}.certificate-date{font-size:.75rem;color:#9ca3af;margin:0}.certificate-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.certificate-score{display:flex;align-items:center;gap:1rem}.score-circle{width:60px;height:60px;border:3px solid #e5e7eb;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.score-percentage{font-size:1rem;font-weight:700;line-height:1}.score-label{font-size:.625rem;color:#6b7280;font-weight:500;line-height:1}.score-breakdown{display:flex;flex-direction:column;gap:.25rem}.score-points{font-size:.875rem;color:#374151;font-weight:500}.score-grade{font-size:.75rem;color:#6b7280;font-weight:500}.certificate-actions{display:flex;gap:.5rem}.certificate-actions button{padding:.5rem 1rem;font-size:.875rem;border-radius:6px;font-weight:500;transition:all .2s ease}.certificate-actions .btn-primary{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.certificate-actions .btn-primary:hover{background:#2563eb;border-color:#2563eb}.certificate-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.certificate-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.certificate-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.certificate-verification{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6;gap:1rem}.verification-text{font-size:.75rem;color:#6b7280;font-family:Courier New,monospace}.verification-link{background:none;border:none;color:#3b82f6;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.verification-link:hover{background:#eff6ff;color:#2563eb}body.theme-dark .certificate-card{background:#1f2937;border-color:#374151}body.theme-dark .certificate-title{color:#f9fafb}body.theme-dark .certificate-recipient{color:#d1d5db}body.theme-dark .certificate-date{color:#9ca3af}body.theme-dark .score-points{color:#e5e7eb}body.theme-dark .score-grade{color:#9ca3af}body.theme-dark .certificate-actions .btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}body.theme-dark .certificate-actions .btn-secondary:hover{background:#4b5563;border-color:#6b7280}body.theme-dark .certificate-verification{border-color:#374151}body.theme-dark .verification-text{color:#9ca3af}body.theme-dark .verification-link{color:#60a5fa}body.theme-dark .verification-link:hover{background:#1e3a8a;color:#93c5fd}@media (max-width: 768px){.certificate-header{flex-direction:column;gap:.75rem}.certificate-thumbnail{width:100%;height:120px}.certificate-details{flex-direction:column;align-items:flex-start;gap:1rem}.certificate-score{width:100%;justify-content:space-between}.certificate-actions{width:100%}.certificate-actions button{flex:1}.certificate-verification{flex-direction:column;align-items:flex-start;gap:.5rem}}.assessment-review{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.review-header{margin-bottom:2rem}.review-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.review-title h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.review-summary{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:start}.score-overview{display:flex;align-items:center;gap:1.5rem}.score-circle-large{width:120px;height:120px;border:4px solid #e5e7eb;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-percentage-large{font-size:2rem;font-weight:700;line-height:1}.score-label-large{font-size:.875rem;color:#6b7280;font-weight:500;margin-top:.25rem}.score-details{display:flex;flex-direction:column;gap:.75rem}.score-item{display:flex;flex-direction:column;align-items:center;text-align:center}.score-value{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1}.score-text{font-size:.75rem;color:#6b7280;font-weight:500;margin-top:.25rem}.performance-breakdown{background:#f9fafb;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.performance-breakdown h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.complexity-stats{display:flex;flex-direction:column;gap:1rem}.complexity-stat{display:flex;flex-direction:column;gap:.5rem}.complexity-header{display:flex;justify-content:space-between;align-items:center}.complexity-label{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.complexity-score{font-weight:600;font-size:.875rem;color:#374151}.complexity-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.complexity-fill{height:100%;transition:width .3s ease}.assessment-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;color:#1f2937;font-weight:500}.meta-value.passed{color:#10b981}.meta-value.failed{color:#ef4444}.review-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.question-selector{display:flex;gap:.5rem;flex-wrap:wrap}.question-nav-btn{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.question-nav-btn:hover{border-color:#3b82f6;background:#eff6ff}.question-nav-btn.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.question-nav-btn.correct{border-color:#10b981;background:#ecfdf5;color:#10b981}.question-nav-btn.incorrect{border-color:#ef4444;background:#fef2f2;color:#ef4444}.question-nav-btn.active.correct{background:#10b981;color:#fff}.question-nav-btn.active.incorrect{background:#ef4444;color:#fff}.navigation-controls{display:flex;align-items:center;gap:1rem}.nav-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.question-counter{font-weight:600;color:#374151;font-size:.875rem}.question-review{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.question-info{display:flex;align-items:center;gap:1rem}.question-number{font-weight:600;color:#374151}.question-complexity{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#6b72801a}.question-result{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.question-result.correct{background:#ecfdf5;color:#10b981}.question-result.incorrect{background:#fef2f2;color:#ef4444}.question-points{display:flex;align-items:baseline;gap:.25rem;font-weight:600}.points-earned{font-size:1.5rem;color:#1f2937}.points-separator,.points-total{font-size:1.25rem;color:#6b7280}.points-label{font-size:.875rem;color:#6b7280;font-weight:500}.question-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;line-height:1.5}.answer-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.answer-option{border:2px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.answer-option.correct-answer{border-color:#10b981;background:#ecfdf5}.answer-option.user-wrong-answer{border-color:#ef4444;background:#fef2f2}.answer-option.user-correct-answer{border-color:#10b981;background:#ecfdf5;box-shadow:0 0 0 2px #10b98133}.option-header{display:flex;align-items:center;gap:1rem}.option-letter{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#374151;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.correct-answer .option-letter{background:#10b981;color:#fff}.user-wrong-answer .option-letter{background:#ef4444;color:#fff}.user-correct-answer .option-letter{background:#10b981;color:#fff}.option-text{flex:1;font-weight:500;color:#1f2937}.option-indicators{display:flex;gap:.5rem}.correct-indicator,.wrong-indicator,.user-correct-indicator{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.correct-indicator,.user-correct-indicator{background:#10b9811a;color:#10b981}.wrong-indicator{background:#ef44441a;color:#ef4444}.explanations{display:flex;flex-direction:column;gap:1.5rem}.explanation-section{padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.explanation-section:first-child{background:#ecfdf5;border-color:#10b981}.explanation-section.user-explanation{background:#fef2f2;border-color:#ef4444}.explanation-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#1f2937}.explanation-text{font-size:.875rem;line-height:1.6;color:#374151;margin:0}.review-actions{display:flex;justify-content:center;margin-bottom:2rem}.learning-recommendations{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:2rem}.learning-recommendations h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.recommendation-item.strength{border-left:4px solid #10b981}.recommendation-item.improvement{border-left:4px solid #f59e0b}.recommendation-item.focus{border-left:4px solid #3b82f6}.recommendation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.recommendation-icon{font-size:1.25rem}.recommendation-title{font-weight:600;color:#1f2937;flex:1}.recommendation-priority{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.recommendation-priority.high{background:#fef2f2;color:#ef4444}.recommendation-priority.medium{background:#fef3c7;color:#f59e0b}.recommendation-priority.low{background:#ecfdf5;color:#10b981}.recommendation-description{font-size:.875rem;line-height:1.6;color:#6b7280;margin:0}body.theme-dark .assessment-review{background:#1f2937;color:#f9fafb}body.theme-dark .review-title h2{color:#f9fafb}body.theme-dark .close-button{color:#9ca3af}body.theme-dark .close-button:hover{background:#374151;color:#d1d5db}body.theme-dark .performance-breakdown{background:#374151;border-color:#4b5563}body.theme-dark .performance-breakdown h4{color:#f9fafb}body.theme-dark .complexity-score{color:#e5e7eb}body.theme-dark .meta-value{color:#f9fafb}body.theme-dark .review-navigation{background:#374151;border-color:#4b5563}body.theme-dark .question-nav-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}body.theme-dark .question-nav-btn:hover{border-color:#60a5fa;background:#1e3a8a}body.theme-dark .nav-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}body.theme-dark .nav-btn:hover:not(:disabled){background:#374151;border-color:#9ca3af}body.theme-dark .question-counter{color:#e5e7eb}body.theme-dark .question-review{background:#374151;border-color:#4b5563}body.theme-dark .question-header{border-color:#4b5563}body.theme-dark .question-info{color:#e5e7eb}body.theme-dark .question-content h3{color:#f9fafb}body.theme-dark .answer-option{border-color:#4b5563;background:#4b5563}body.theme-dark .option-text{color:#f9fafb}body.theme-dark .explanation-section{background:#4b5563;border-color:#6b7280}body.theme-dark .explanation-title{color:#f9fafb}body.theme-dark .explanation-text{color:#d1d5db}body.theme-dark .learning-recommendations{background:#374151;border-color:#4b5563}body.theme-dark .learning-recommendations h3{color:#f9fafb}body.theme-dark .recommendation-item{background:#4b5563;border-color:#6b7280}body.theme-dark .recommendation-title{color:#f9fafb}body.theme-dark .recommendation-description{color:#9ca3af}@media (max-width: 1024px){.review-summary{grid-template-columns:1fr;gap:1.5rem}.score-overview{justify-content:center}}@media (max-width: 768px){.assessment-review{padding:1rem}.review-title{flex-direction:column;align-items:flex-start;gap:1rem}.score-overview{flex-direction:column;text-align:center}.score-details{flex-direction:row;justify-content:space-around;width:100%}.review-navigation{flex-direction:column;gap:1rem}.question-selector{justify-content:center}.question-header{flex-direction:column;align-items:flex-start;gap:1rem}.question-info{flex-wrap:wrap}.explanations{gap:1rem}.explanation-section{padding:1rem}}.embed{display:block;margin:.4rem -.5rem 0;width:calc(100% + 1rem);aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.swimlane .embed{margin:.2rem -.4rem 0;width:calc(100% + .8rem);border-radius:8px;aspect-ratio:16/9}.swimlane .tag-chip,.swimlane .pill-duration{font-size:.6rem;padding:.05rem .3rem;line-height:1.1}.swimlane .card .card-meta{margin-top:.15rem;font-size:.75rem;gap:.3rem}.swimlane .avatar{width:22px;height:22px;font-size:.7rem}.swimlane .chip.duration{padding:.1rem .3rem;font-size:.7rem}.embed-frame{display:block;width:100%;height:100%;border:0}.thumb{width:100%;height:100%;display:block;position:relative;background:#000;border:0;padding:0;cursor:pointer}.thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pill-play{position:absolute;inset:auto auto 10px 10px;background:#0f172ae6;color:#fff;border-radius:999px;padding:.25rem .55rem;font-weight:800;letter-spacing:.3px;box-shadow:0 2px 6px #02061759}.pill-duration{position:absolute;right:6px;bottom:6px;background:#0f172ad9;color:#fff;border-radius:4px;padding:.1rem .35rem;font-size:.7rem;font-weight:500}.swimlane .pill-duration{right:4px;bottom:4px;font-size:.65rem;padding:.05rem .3rem}.tag-chip{position:absolute;left:6px;top:6px;background:#eef4ff;color:#1e3a8a;border:1px solid #c7d2fe;border-radius:999px;padding:.12rem .46rem;font-size:.85rem;font-weight:700;box-shadow:0 1px 4px #02061726;line-height:1.2}.swimlane .tag-chip{font-size:.8rem;padding:.16rem .48rem;left:4px;top:4px}.card .card-meta{margin-top:.3rem;display:flex;gap:.4rem;align-items:center;font-size:.85rem;color:#475569}.swimlane .card .card-meta{margin-top:.2rem;font-size:.8rem}.inline-link{color:#2563eb;text-decoration:none;font-weight:600;font-size:.95rem}.inline-link:hover{text-decoration:underline}.chip.play{background:#e2e8f0;border-color:#cbd5e1}.avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-size:.75rem;font-weight:700;color:#0f172a;background:#e2e8f0;border:1px solid #cbd5e1}.list-results{display:block;padding:.5rem 0 2rem}.list-results .category{margin-bottom:.75rem}.list-results .category h2{border:none;color:#64748b;margin:.5rem 0;font-size:.9rem}.card--list{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.card--list .badge{order:1}.card--list a{margin-top:0}.badge{display:inline-block;padding:.15rem .5rem;font-size:.72rem;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:999px}footer{text-align:center;padding:2rem 0;border-top:1px solid #e2e8f0;font-size:.9rem;color:#475569}mark{background:#fffbeb;color:#713f12;padding:0 2px;border-radius:2px;box-shadow:inset 0 -1px #fde68a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;display:inline-block;margin:.5rem 1rem;padding:.5rem .75rem;background:#dbeafe;color:#1e3a8a;border-radius:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;display:grid;place-items:center;padding:1rem}.modal{background:#fff;color:#0f172a;border-radius:12px;width:min(920px,100%);box-shadow:0 10px 40px #02061759;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.modal-title{font-size:.95rem}.modal-body{aspect-ratio:16 / 9;background:#000}.modal-frame{border:0;width:100%;height:100%;display:block}.modal-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e2e8f0}.modal-footer a{color:#2563eb;text-decoration:none;font-weight:600}.modal-footer a:hover{text-decoration:underline}.modal-footer .error{color:#b91c1c}.modal-actions{padding:.75rem 1rem;border-top:1px solid #e2e8f0}.modal-actions-row{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.actions-title{font-weight:600;color:#334155}.btn-primary{background:#16a34a;color:#fff;border:0;border-radius:8px;padding:.5rem .9rem;font-weight:700;cursor:pointer}.btn-secondary{background:#e2e8f0;color:#0f172a;border:0;border-radius:8px;padding:.5rem .9rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:#15803d}.cert-actions{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between}.skeleton .skeleton-title,.skeleton .skeleton-btn{background:linear-gradient(90deg,#ffffff26,#ffffff40,#ffffff26);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:6px}.skeleton .skeleton-title{height:18px;width:70%;margin-bottom:12px}.skeleton .skeleton-btn{height:30px;width:110px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.certificate{background:#fff;border:2px solid #334155;border-radius:12px;padding:1.25rem;text-align:center;box-shadow:0 10px 30px #02061714}.certificate h1{font-size:1.5rem;margin:0 0 .5rem}.certificate h2{font-size:1.25rem;margin:.25rem 0}.certificate h3{font-size:1.1rem;margin:.25rem 0 .5rem}@media print{.topbar,.sidebar,.skip-link,.filters,.btn-primary,.btn-secondary{display:none!important}body{background:#fff}.certificate{box-shadow:none;border-color:#000}}.swimlane{position:relative;margin:1.1rem 0 1.6rem;background:#fff;border:1px solid #e6ecf2;border-radius:16px;padding:1.1rem .5rem 1.1rem .9rem;overflow:hidden}.swimlane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.swimlane-head h2{margin:0;font-size:1.15rem;color:#1f2937;font-weight:700}.see-all{color:#2563eb;text-decoration:none;font-weight:700}.see-all:hover{text-decoration:underline}.swimlane-viewport{overflow-x:auto;overflow-y:visible;padding:0 .5rem;scrollbar-width:none;-ms-overflow-style:none}.swimlane-viewport::-webkit-scrollbar{display:none}.swimlane-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc((100% - 1.5rem)/4));gap:.5rem;overflow:visible;scroll-behavior:smooth;padding:.4rem .15rem;scroll-snap-type:x mandatory;grid-template-rows:minmax(0,1fr)}.swimlane-track .card{scroll-snap-align:start}.swimlane-track .category{margin:0}.swimlane-track .category h2{display:none}.swimlane-actions{display:inline-flex;gap:.5rem}.lane-sub{color:#64748b;font-size:.9rem;margin:.15rem 0 0}.lane-desc{color:#94a3b8;font-size:.85rem;margin:.1rem 0 0}@media (max-width: 1200px){.swimlane-track{grid-auto-columns:minmax(0,calc((100% - .8rem) / 3));gap:.4rem}}@media (max-width: 768px){.swimlane-track{grid-auto-columns:calc((100% - 1rem)/2)}}.swimlane-head-actions{display:inline-flex;align-items:center;gap:.5rem}.nav-chip{padding:.3rem .55rem}.swimlane-head-actions .nav-chip[disabled]{opacity:.4;cursor:not-allowed}.fade-edge{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:0;transition:opacity .2s ease}.fade-edge.left{left:0;background:linear-gradient(90deg,#f7f9fb,#f7f9fb00)}.fade-edge.right{right:0;background:linear-gradient(270deg,#f7f9fb,#f7f9fb00)}.fade-edge.show{opacity:1}.auth-container{display:grid;place-items:center;min-height:80vh}.auth-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;width:100%;max-width:400px;text-align:left}.auth-card h2{margin:0 0 .5rem;font-size:1.5rem}.auth-card p{margin-bottom:1.5rem;color:#64748b}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.25rem;font-weight:600;font-size:.9rem}.input-group input{width:100%;padding:.65rem .9rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:.95rem}.auth-card button[type=submit]{width:100%;padding:.75rem;border:none;background:#2563eb;color:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.auth-card button[type=submit]:hover{background:#1d4ed8}.auth-card button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed}.error-message{color:#dc2626;margin-top:1rem;text-align:center}.toggle-auth{background:none;border:none;color:#2563eb;cursor:pointer;display:block;margin:1rem auto 0;padding:.5rem;font-size:.9rem}.logout-button{margin-left:auto;background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600}.logout-button:hover{background:#dc2626}@media (min-width: 1440px){.swimlane-track{grid-auto-columns:calc((100% - 3rem)/4)}}.layout{display:flex;width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem}.sidebar{position:sticky;top:var(--topbar-height, 65px);height:calc(100vh - var(--topbar-height, 65px));width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;transition:width .25s cubic-bezier(.2,0,0,1);z-index:20;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.sidebar--compact{width:72px;overflow-x:hidden}.content{flex:1;min-width:0;padding:1.5rem 2rem}.leftnav{display:flex;flex-direction:column;padding:.75rem .5rem}.sidebar .filters{padding:0 .75rem 1rem}.sidebar .filters__footer{padding:.5rem .75rem;border-top:1px solid var(--border-color)}.nav-header{display:flex;justify-content:flex-end;margin-bottom:.5rem;padding:0 .25rem}.leftnav--compact .nav-header{justify-content:center}.nav-toggle-btn{width:32px;height:32px;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-color)}.nav-content{display:flex;flex-direction:column;gap:1.5rem}.nav-list{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}.nav-section-title{padding:0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-color-secondary);margin-bottom:.5rem}.nav-section--bottom{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;text-decoration:none;color:var(--text-color-secondary);font-weight:500;transition:all .15s ease-in-out;white-space:nowrap;font-size:.9rem}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-color)}.nav-link.active{background:var(--bg-tertiary);color:var(--primary);font-weight:600}.nav-link.active .nav-icon{color:var(--primary)}.leftnav--compact .nav-link{justify-content:center;padding:.6rem}.nav-icon{font-size:1.25rem;width:1.5rem;display:flex;justify-content:center;flex-shrink:0}.nav-tooltip{display:none;position:absolute;left:100%;margin-left:10px;background:#1e293b;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a;z-index:50;pointer-events:none}.leftnav--compact .nav-link:hover .nav-tooltip{display:block}@media (max-width: 900px){.layout{display:block;margin:0;width:100%}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:60px;border-right:none;border-top:1px solid var(--border-color);padding:0;z-index:100;flex-direction:row;overflow-y:hidden}.leftnav{flex-direction:row;align-items:center;padding:0 1rem;width:100%}.nav-content{flex-direction:row;gap:0;width:100%}.nav-header,.nav-section-title{display:none}.nav-list{display:flex;gap:1rem;width:100%;justify-content:space-around}.nav-link{flex-direction:column;gap:.1rem;padding:.25rem;font-size:.7rem}.nav-icon{font-size:1.2rem}.content{padding:1.5rem 1rem 5rem}.sidebar .filters{display:none}}.learn-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(520px,2.1fr) minmax(220px,1fr);gap:1.5rem;padding:1.5rem 0 2.5rem;align-items:start}.learn-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;position:sticky;top:88px;max-height:calc(100vh - 120px);overflow-y:auto}.learn-sidebar h2{margin:0 0 .85rem;font-size:1.1rem}.learn-outline{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;color:#1f2937;font-size:.95rem}.learn-outline li{list-style:none}.learn-outline-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.45rem .55rem;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.learn-outline-thumb{width:72px;height:44px;border-radius:8px;object-fit:cover;background:#0f172a;flex-shrink:0;box-shadow:0 2px 8px #0f172a40}.learn-outline-text{display:grid;gap:.15rem}.learn-outline-item:hover,.learn-outline-item:focus-visible{background:#eef2ff;border-color:#dfe3ff;transform:translate(2px);outline:none}.learn-outline-item.is-active{background:#e0e7ff;border-color:#c7d2fe;color:#1e40af}.learn-outline-time{font-size:.78rem;font-weight:600;color:#475569}.learn-outline-item.is-active .learn-outline-time{color:#1d4ed8}.learn-outline-title{font-size:.9rem;font-weight:600;color:inherit}.learn-outline-hint{margin-top:.75rem;font-size:.8rem;color:#64748b}.learn-outline-hint--error{color:#dc2626}.learn-main{display:flex;flex-direction:column;gap:1.25rem}.learn-player{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.learn-player iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.learn-channel{display:flex;align-items:center;gap:.85rem}.learn-channel-logo{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);display:inline-grid;place-items:center;font-weight:700;font-size:1.1rem;color:#fff}.learn-channel-info h3{margin:0;font-size:1.05rem}.learn-channel-info p{margin:.15rem 0 0;color:#64748b;font-size:.95rem}.learn-description{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;line-height:1.6;color:#1f2937}.learn-description h4{margin:0 0 .65rem;font-size:1rem}.learn-description p{margin:0}.learn-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.learn-tags li{background:#eef4ff;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;color:#1e3a8a;font-weight:600}.learn-meta{display:grid;gap:1rem;position:sticky;top:88px;align-self:start}.learn-meta-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;display:grid;gap:.9rem}.learn-meta-card h4{margin:0;font-size:1rem}.learn-meta-card dl{margin:0;display:grid;gap:.6rem;font-size:.92rem}.learn-meta-card dt{font-weight:600;color:#475569}.learn-meta-card dd{margin:0;color:#1f2937}@media (max-width: 1200px){.learn-layout{grid-template-columns:minmax(220px,1fr) minmax(420px,1.6fr)}.learn-meta{position:static;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 900px){.learn-layout{grid-template-columns:1fr}.learn-sidebar{position:static;max-height:none}.learn-meta{position:static}}.thumb-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;cursor:pointer;background:#1f2937}.thumb-container:focus{outline:2px solid #3b82f6;outline-offset:2px}.thumb-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.card-progress-overlay{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000004d}.card-progress-bar{height:100%;background:#3b82f6;transition:width .3s ease}.card-skill-badge{display:inline-block;font-size:.7rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-channel{font-size:.8rem;color:#64748b;margin-top:4px;margin-bottom:0}.pill-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;font-size:.7rem;font-weight:500;padding:2px 6px;border-radius:4px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scroll-smooth{scroll-behavior:smooth}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.profile-page,.profile-page h1,.profile-page h2{color:var(--text-color, #000)}.dark .profile-page .comms-master-toggle{background-color:#374151!important;border-color:#4b5563!important}.dark .profile-page input[type=text],.dark .profile-page input[type=email],.dark .profile-page input[type=url],.dark .profile-page select{background-color:#374151;color:#f9fafb;border-color:#4b5563}.dark .profile-page input[type=text]:disabled,.dark .profile-page input[type=email]:disabled,.dark .profile-page input[type=url]:disabled,.dark .profile-page select:disabled{background-color:#1f2937;color:#6b7280}.dark .PhoneInput{background-color:#374151}.dark .PhoneInputInput,.dark .PhoneInputCountrySelect{background-color:#374151!important;color:#f9fafb!important;border-color:#4b5563!important}.learn-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:1.5rem;max-width:1600px;margin:0 auto;padding:1rem 1.5rem 3rem}.learn-sidebar,.learn-meta{position:sticky;top:1rem;height:fit-content}.learn-sidebar h2,.learn-meta h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1e293b}.learn-outline{list-style:none;padding:0;margin:0 0 1.5rem}.learn-outline-item{display:flex;align-items:flex-start;width:100%;padding:.75rem .5rem;margin-bottom:.5rem;border-radius:.5rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease}.learn-outline-item:hover{background-color:#f1f5f9}.learn-outline-item.is-active{background-color:#e0f2fe}.learn-outline-thumb{width:100px;height:56px;border-radius:.25rem;object-fit:cover;margin-right:.75rem}.learn-outline-text{flex:1;display:flex;flex-direction:column}.learn-outline-time{font-size:.8rem;color:#64748b;margin-bottom:.25rem}.learn-outline-title{font-size:.9rem;color:#1e293b;line-height:1.4}.learn-outline-hint{font-size:.85rem;color:#64748b;margin:.5rem 0 0;padding:.5rem .75rem;background:#f8fafc;border-radius:.375rem}.learn-outline-hint--error{color:#dc2626;background:#fef2f2}.learn-main{max-width:100%;overflow:hidden}.learn-player{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:1.5rem;background:#000;border-radius:.75rem;overflow:hidden}.learn-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.learn-channel{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.learn-channel-logo{width:48px;height:48px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569;margin-right:1rem;flex-shrink:0;overflow:hidden;object-fit:cover}.learn-channel-info h3{margin:0 0 .25rem;font-size:1rem;color:#1e293b}.learn-channel-info p{margin:0;font-size:.9rem;color:#64748b}.learn-description{margin-bottom:2rem}.learn-description h4{margin:0 0 1rem;font-size:1.1rem;color:#1e293b}.learn-description p{margin:0 0 1.5rem;line-height:1.6;color:#334155}.learn-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.learn-tags li{font-size:.8rem;padding:.25rem .75rem;background:#f1f5f9;border-radius:9999px;color:#475569}.learn-meta-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.learn-meta-card h4{margin:0 0 1rem;font-size:1.1rem;color:#1e293b}.learn-meta-card dl{margin:0;padding:0}.learn-meta-card div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.learn-meta-card div:last-child{border-bottom:none}.learn-meta-card dt{font-weight:500;color:#64748b}.learn-meta-card dd{margin:0;font-weight:500;color:#1e293b;text-align:right}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.6rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.95rem;line-height:1.5;cursor:pointer;transition:all .2s ease;text-align:center;border:1px solid transparent}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;color:#2563eb;border-color:#bfdbfe}.btn-secondary:hover{background:#f8fafc}body.theme-dark .learn-sidebar{background:#0f172a;border-radius:.75rem;padding:1.25rem;border:1px solid #1e293b}body.theme-dark .learn-sidebar h2,body.theme-dark .learn-meta h4,body.theme-dark .learn-outline-title,body.theme-dark .learn-channel-info h3,body.theme-dark .learn-description h4,body.theme-dark .learn-meta-card h4,body.theme-dark .learn-meta-card dd{color:#f8fafc}body.theme-dark .learn-outline{background:#0f172a}body.theme-dark .learn-outline-item{color:#e2e8f0;background:#ffffff08}body.theme-dark .learn-outline-item:hover{background-color:#1e293b;border-color:#334155}body.theme-dark .learn-outline-item.is-active{background-color:#1e3a8a;border-color:#3b82f6;color:#f8fafc}body.theme-dark .learn-outline-time,body.theme-dark .learn-channel-info p,body.theme-dark .learn-meta-card dt,body.theme-dark .learn-meta-card dd{color:#94a3b8}body.theme-dark .learn-outline-hint{background:#1e293b;color:#94a3b8;border:1px solid #334155}body.theme-dark .learn-outline-hint--error{background:#7f1d1d;color:#fecaca;border-color:#991b1b}body.theme-dark .learn-description{background:#0f172a;border-radius:.75rem;padding:1.5rem;border:1px solid #1e293b;margin-bottom:1.5rem}body.theme-dark .learn-description h4{color:#f8fafc;border-bottom:1px solid #1e293b;padding-bottom:.75rem;margin-bottom:1rem}body.theme-dark .learn-description p{color:#cbd5e1;line-height:1.6}body.theme-dark .learn-tags li{background:#1e293b;color:#cbd5e1;border:1px solid #334155}body.theme-dark .learn-channel{border-bottom-color:#1e293b;padding:1.5rem;background:#0f172a;border-radius:.75rem;border:1px solid #1e293b;margin-bottom:1.5rem}body.theme-dark .learn-channel-logo{background:#1e293b;color:#60a5fa;border:1px solid #334155}body.theme-dark .learn-meta-card{background:#0f172a;border:1px solid #1e293b}body.theme-dark .learn-meta-card div{border-bottom-color:#1e293b}body.theme-dark .btn-secondary{background:#1e293b;color:#60a5fa;border:1px solid #334155}body.theme-dark .btn-secondary:hover{background:#1e3a8a;border-color:#3b82f6;opacity:.9}body.theme-dark .learn-outline-item:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}body.theme-dark ::-webkit-scrollbar{width:8px;height:8px}body.theme-dark ::-webkit-scrollbar-track{background:#0f172a}body.theme-dark ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}body.theme-dark ::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width: 1200px){.learn-layout{grid-template-columns:250px 1fr 250px;gap:1rem;padding:1rem 1rem 2rem}}@media (max-width: 992px){.learn-layout{grid-template-columns:1fr 300px}.learn-main{grid-column:1 / -1}}@media (max-width: 768px){.learn-layout{grid-template-columns:1fr}.learn-sidebar,.learn-meta{position:static}.learn-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width: 576px){.learn-meta{grid-template-columns:1fr}.learn-outline-item{padding:.5rem 0}.learn-outline-thumb{width:80px;height:45px}}.assessment-page{min-height:100vh;padding:1rem;background:var(--bg-primary, #f8fafc)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.timer-alert{animation:slideIn .3s ease-out}.assessment-container{max-width:900px;margin:0 auto}.assessment-header{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:8px 8px 0 0;border-bottom:2px solid var(--border-color)}.assessment-title{font-size:1.25rem;margin:0 0 .5rem;color:var(--text-color);font-weight:600}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.question-counter{font-weight:600;color:var(--text-color)}.time-remaining{color:#dc2626;font-weight:600}.marked-count{color:#3b82f6;font-weight:600}.assessment-loading{text-align:center;padding:4rem 2rem}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.assessment-error{background:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.assessment-error h2{color:#dc2626;margin-bottom:1rem}.assessment-unavailable{background:var(--bg-secondary);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.assessment-unavailable h2{color:var(--text-color);margin-bottom:1rem}.assessment-unavailable .icon-xl{font-size:3rem;margin-bottom:1rem}.assessment-unavailable .text-secondary{color:var(--text-color-secondary);margin-bottom:1.5rem;font-size:1.125rem}.info-card{border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:left}.info-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1rem}.info-card p,.info-card li{color:var(--text-color-secondary)}.payment-card{background:var(--bg-tertiary)}.payment-card h3,.payment-card p,.payment-card li{color:var(--text-color)}.payment-card ul{padding-left:1.5rem;margin-bottom:1.5rem}.btn-purchase{width:100%;padding:1rem;font-size:1.125rem;font-weight:600;background:#f59e0b;border:none;color:#fff;margin-bottom:.5rem}.payment-footer{font-size:.875rem;font-style:italic}.assessment-details-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:2rem 0}.assessment-details-card h3{text-align:left;font-size:1.125rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1rem}.assessment-details-card h3 span{margin-right:.5rem}.assessment-details-card ul{list-style:none;text-align:left;color:var(--text-color-secondary);font-size:1rem}.assessment-details-card li{margin-bottom:.75rem}.assessment-details-card li:last-child{margin-bottom:0}.intro-actions .btn-primary,.intro-actions .btn-secondary{padding:.75rem 2rem;font-size:1.125rem}.intro-actions .btn-primary span{margin-right:.5rem}.assessment-intro{background:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 12px #0000001a}.assessment-intro h1{font-size:2rem;margin-bottom:2rem;color:var(--text-color)}.intro-content h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.intro-content p{margin-bottom:1rem;color:var(--text-color-secondary);line-height:1.6}.intro-content ul{list-style:disc;margin-left:2rem;margin-bottom:1.5rem}.intro-content li{margin-bottom:.5rem;color:var(--text-color-secondary)}.intro-actions{display:flex;gap:1rem;margin-top:2rem}.assessment-quiz{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.quiz-progress{font-size:.875rem;color:var(--text-color-secondary)}.quiz-timer{font-size:1rem;font-weight:600;color:#dc2626}.question-card{margin-bottom:2rem}.question-text{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);line-height:1.6}.question-options{display:flex;flex-direction:column;gap:1rem}.answer-option{display:block;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .2s;margin-bottom:.4rem}.answer-option:hover{border-color:#3b82f6;background:#eff6ff}.answer-option:has(input:checked){border-color:#3b82f6;background:#dbeafe}.dark .answer-option:has(input:checked){background-color:#2563eb;border-color:#3b82f6}.dark .answer-option:has(input:checked) .option-text{color:#fff}.option-content{display:flex;align-items:center;gap:1.5rem}.option-content input[type=radio]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-right:.5rem}.option-letter{font-weight:700;color:#3b82f6;font-size:1.1rem;min-width:30px;flex-shrink:0}.option-text{flex:1;color:var(--text-color);line-height:1.5}.question-container{background:var(--bg-secondary);padding:1rem 1.5rem}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.difficulty-badge.easy{background:#dcfce7;color:#166534}.difficulty-badge.medium{background:#fef3c7;color:#92400e}.difficulty-badge.hard{background:#fee2e2;color:#991b1b}.mark-review-btn{padding:.4rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;transition:all .2s}.mark-review-btn:hover{background:#f1f5f9}.mark-review-btn.marked{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.assessment-navigation{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:0 0 8px 8px;border-top:2px solid #e2e8f0}.nav-left,.nav-right{display:flex;gap:.5rem}.nav-center{font-size:.875rem;color:var(--text-color-secondary)}.nav-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.submit-btn{padding:.5rem 1.5rem!important}.assessment-results{background:var(--bg-secondary);border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 12px #0000001a;text-align:center}.course-title-result{font-size:1.5rem;color:#3b82f6;margin-bottom:.5rem;font-weight:600}.results-header{margin-bottom:2rem}.results-status{font-size:3rem;margin-bottom:1rem}.results-status.passed{color:#10b981}.results-status.failed{color:#dc2626}.results-score{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.results-message{font-size:1.25rem;color:var(--text-color-secondary);margin-bottom:2rem}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--bg-tertiary);color:var(--text-color)}.btn-secondary:hover{background:var(--bg-tertiary-hover)}.cert-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cert-popup-content{background:var(--bg-secondary);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 40px #00000026}.cert-popup-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.cert-popup-header h2{margin:0;color:var(--text-color)}.cert-popup-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color-secondary)}.cert-popup-body{padding:1.5rem;text-align:center}.cert-popup-subtitle{margin-bottom:1rem;color:var(--text-color-secondary)}.cert-popup-placeholder{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;margin-bottom:1.5rem;color:var(--text-color-secondary)}.cert-popup-icon{font-size:3rem;margin-bottom:1rem}.cert-popup-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.assessment-intro,.assessment-quiz,.assessment-results{padding:2rem 1rem}.intro-actions,.quiz-navigation,.results-actions{flex-direction:column}.assessment-intro h1{font-size:1.5rem}.navigation-buttons{flex-direction:column!important}}.navigation-buttons{display:flex!important;flex-direction:row!important;gap:1rem!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}.navigation-buttons button{flex:0 0 auto!important;min-width:120px!important;max-width:200px!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.review-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.review-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0000004d}.review-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb}.review-header h1{font-size:2rem;color:#1f2937;margin-bottom:1.5rem}.review-summary{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:12px}.review-summary.passed{background:#ecfdf5;border:2px solid #10b981}.review-summary.failed{background:#fef2f2;border:2px solid #ef4444}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-label{font-size:.875rem;color:#6b7280;font-weight:500}.summary-value{font-size:1.25rem;font-weight:700;color:#1f2937}.summary-value.pass{color:#10b981}.summary-value.fail{color:#ef4444}.review-questions{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.review-question{border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#fff;transition:all .3s ease}.review-question.correct{border-color:#10b981;background:#f0fdf4}.review-question.incorrect{border-color:#ef4444;background:#fef2f2}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.5rem}.question-number{font-size:1rem;font-weight:600;color:#4b5563}.question-status{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.question-status.correct{background:#10b981;color:#fff}.question-status.incorrect{background:#ef4444;color:#fff}.question-points{font-size:.875rem;color:#6b7280;font-weight:500}.question-content{margin-top:1rem}.question-text{font-size:1.125rem;color:#1f2937;margin-bottom:1.5rem;line-height:1.6;font-weight:500}.question-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .3s ease}.option.correct-answer{border-color:#10b981;background:#ecfdf5}.option.wrong-answer{border-color:#ef4444;background:#fef2f2}.option.user-correct{border-color:#10b981;background:#d1fae5}.option-label{font-weight:700;color:#4b5563;min-width:30px}.option-text{flex:1;color:#1f2937}.option-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.option-badge.correct{background:#10b981;color:#fff}.option-badge.wrong{background:#ef4444;color:#fff}.question-explanations{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.explanation{padding:1rem;border-radius:8px;border-left:4px solid}.explanation h4{font-size:1rem;margin-bottom:.5rem;font-weight:600}.explanation p{font-size:.9375rem;line-height:1.6;color:#4b5563}.correct-explanation{background:#ecfdf5;border-left-color:#10b981}.correct-explanation h4{color:#059669}.wrong-explanation{background:#fef2f2;border-left-color:#ef4444}.wrong-explanation h4{color:#dc2626}.review-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.review-error{text-align:center;padding:3rem}.review-error h2{color:#ef4444;margin-bottom:1rem}.review-error p{color:#6b7280;margin-bottom:2rem}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.dark .review-container{background:#1f2937;color:#d1d5db}.dark .review-header{border-bottom-color:#374151}.dark .review-header h1{color:#f9fafb}.dark .review-summary{background:#374151}.dark .review-summary.passed{background:#064e3b;border-color:#10b981}.dark .review-summary.failed{background:#7f1d1d;border-color:#ef4444}.dark .summary-label{color:#9ca3af}.dark .summary-value{color:#f9fafb}.dark .review-question{background:#374151;border-color:#4b5563}.dark .review-question.correct{background:#065f46;border-color:#10b981}.dark .review-question.incorrect{background:#991b1b;border-color:#ef4444}.dark .question-header{border-bottom-color:#4b5563}.dark .question-number,.dark .question-points{color:#d1d5db}.dark .question-text{color:#f9fafb}.dark .option{background:#4b5563;border-color:#6b7280}.dark .option-label,.dark .option-text{color:#f9fafb}.dark .option.correct-answer{background:#047857;border-color:#10b981}.dark .option.wrong-answer{background:#b91c1c;border-color:#ef4444}.dark .option.user-correct{background:#065f46}.dark .correct-explanation{background:#064e3b;border-left-color:#10b981}.dark .wrong-explanation{background:#7f1d1d;border-left-color:#ef4444}.dark .correct-explanation h4,.dark .wrong-explanation h4{color:#f9fafb}.dark .explanation p{color:#d1d5db}.dark .review-actions{border-top-color:#374151}.dark .review-error p{color:#9ca3af}@media (max-width: 768px){.review-page,.review-container{padding:1rem}.review-header h1{font-size:1.5rem}.review-summary{flex-direction:column}.question-header{flex-direction:column;align-items:flex-start}.question-text{font-size:1rem}.option{flex-direction:column;align-items:flex-start}.review-actions{flex-direction:column}.review-actions button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 30px;border-bottom:2px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;color:#000}.modal-close{background:none;border:none;font-size:32px;cursor:pointer;color:#666;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close:hover{background:#f1f5f9}.modal-body{padding:30px;overflow-y:auto;flex:1}.form-section{margin-bottom:30px}.form-section h3{font-size:18px;margin:0 0 15px;color:#000;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column}.form-field label{margin-bottom:8px;font-weight:600;color:#000;font-size:14px}.form-field input,.form-field select{padding:12px;border-radius:6px;border:1px solid #ccc;font-size:16px;background:#fff;color:#000}.form-field input:focus,.form-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-field{display:flex;align-items:center;margin-bottom:15px}.checkbox-field input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer}.checkbox-field input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-field label{margin:0;cursor:pointer;font-size:14px;color:#000}.comms-master-toggle{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid #e9ecef}.comms-description{color:#666;font-size:14px;margin-left:28px;margin-top:-10px;margin-bottom:0}.comms-sub-options{margin-left:20px}.comms-subtitle{color:#666;font-size:14px;margin-bottom:15px;font-weight:600}.modal-footer{padding:20px 30px;border-top:2px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;align-items:center;gap:15px}.save-message{margin-right:auto;font-size:14px;font-weight:600}.save-message.success{color:#10b981}.save-message.error{color:#ef4444}.modal-footer button{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:#f1f5f9;color:#000}.btn-secondary:hover{background:#e2e8f0}.dark .modal-content{background:#1f2937}.dark .modal-header{border-bottom-color:#374151}.dark .modal-header h2{color:#f9fafb}.dark .modal-close{color:#9ca3af}.dark .modal-close:hover{background:#374151}.dark .form-section h3{color:#f9fafb;border-bottom-color:#374151}.dark .form-field label{color:#f9fafb}.dark .form-field input,.dark .form-field select{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .checkbox-field label{color:#f9fafb}.dark .comms-master-toggle{background:#374151;border-color:#4b5563}.dark .comms-description,.dark .comms-subtitle{color:#9ca3af}.dark .modal-footer{border-top-color:#374151}.dark .btn-secondary{background:#374151;color:#f9fafb}.dark .btn-secondary:hover{background:#4b5563}.dark .PhoneInput{background:#374151}.dark .PhoneInputInput,.dark .PhoneInputCountrySelect{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}@media (max-width: 768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.form-grid{grid-template-columns:1fr}.modal-header,.modal-body,.modal-footer{padding:20px}}