: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);--wizard-step-bg: #1e3a5f;--wizard-step-border: #2563eb;--wizard-step-title: #60a5fa;--success-bg: #064e3b;--success-border: #059669;--success-text: #6ee7b7;--warning-bg: #422006;--warning-border: #d97706;--warning-text: #fbbf24;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{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-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;border:1px solid #e5e7eb;transition:all .2s ease}.saved-video-card-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.saved-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.saved-card-thumbnail .thumb{display:block;width:100%;height:100%;position:relative;border:none;background:none;padding:0;cursor:pointer}.saved-card-thumbnail .thumb-img{width:100%;height:100%;object-fit:cover}.saved-card-thumbnail .pill-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:.9;transition:opacity .2s}.saved-card-thumbnail:hover .pill-play{opacity:1;background:#3b82f6e6}.saved-card-thumbnail .pill-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.saved-card-content{padding:12px}.saved-card-skill{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}.saved-card-title{font-size:.9rem;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-card-channel{font-size:.75rem;color:#6b7280;margin:0 0 8px}.saved-card-progress{margin:8px 0}.saved-card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e5e7eb;margin-top:8px}.saved-indicator{color:#f59e0b;font-size:.8rem;font-weight:500}.unsave-btn{background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;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-card-wrapper{background:#1f2937;border-color:#374151}body.theme-dark .saved-card-skill{background:#3b82f633;color:#60a5fa}body.theme-dark .saved-card-title{color:#f9fafb}body.theme-dark .saved-card-channel{color:#9ca3af}body.theme-dark .saved-card-actions{border-color:#374151}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:4px}.progress-bar-container.card{display:flex;flex-direction:column;gap:4px}.progress-bar-container.card .progress-bar{width:100%}.progress-bar-container.card .progress-text{margin-top:0;font-size:.75rem}.progress-percentage-small{font-size:.75rem;color:#374151;font-weight:600;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%;aspect-ratio:16/9;overflow:hidden}.progress-video-card .card-thumbnail img{width:100%;height:100%;object-fit:cover}.progress-video-card .card-thumbnail .pill-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:.9;transition:opacity .2s}.progress-video-card .card-thumbnail:hover .pill-play{opacity:1;background:#3b82f6e6}.progress-video-card .completion-badge{position:absolute;top:8px;right:8px;background:#10b981e6;color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.progress-video-card .card-overlay{position:absolute;inset: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-icon{font-size:.65rem;color:#dc2626}.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-bar-container,.progress-video-card .progress-bar-container.card,.progress-video-card .card-progress-bar{background:transparent!important;height:auto!important}.progress-video-card .card-progress-bar .progress-bar,.progress-video-card .progress-bar-container .progress-bar,.progress-video-card .progress-bar-container.card .progress-bar{height:6px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:3px!important}.progress-video-card .card-progress-bar .progress-bar-fill,.progress-video-card .progress-bar-container .progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px}.progress-video-card .card-progress-bar .progress-text,.progress-video-card .progress-bar-container .progress-text{margin-top:4px;font-size:.75rem}.progress-video-card .card-progress-bar .progress-percentage,.progress-video-card .card-progress-bar .progress-percentage-small,.progress-video-card .progress-bar-container .progress-percentage-small{color:#374151;font-weight:600}.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{margin-bottom:2rem}.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;inset:0;background:linear-gradient(135deg,#0000004d,#0000001a);display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem}.card-container{flex:1;position:relative;z-index:1;min-height:380px}.card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;width:100%;height:100%}.card.is-expanded{position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);z-index:1000;box-shadow:0 20px 50px #00000040;border-color:var(--primary, #3b82f6);border-radius:16px;height:auto}.card--list{flex-direction:row;min-height:180px}.card:hover:not(.is-expanded){border-color:var(--primary, #3b82f6);transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.card-head{padding:1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.card-body-content{padding:1rem;flex:1;display:flex;flex-direction:column}.card-header-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-type-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #64748b)}.card-skill-badge{font-size:.7rem;font-weight:600;color:var(--primary, #3b82f6);text-transform:uppercase;letter-spacing:.5px}.card-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--text-primary, #1e293b);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card.is-expanded .card-title{-webkit-line-clamp:unset;font-size:1.1rem}.card-author-row{display:flex;align-items:center;font-size:.85rem;color:var(--text-secondary, #64748b);margin-bottom:8px}.card-expanded-info{margin-top:10px;animation:fadeIn .3s ease-out}.card-description{font-size:.9rem;color:var(--text-secondary, #64748b);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-stats-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color, #e2e8f0);padding-top:12px;margin-top:auto}.card-learners-count{font-size:.85rem;color:var(--text-secondary, #64748b)}.card-save-btn-inline{background:transparent;border:1px solid var(--border-color, #e2e8f0);padding:4px 12px;border-radius:16px;font-size:.85rem;font-weight:600;color:var(--text-primary, #1e293b);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.card-save-btn-inline:hover{background:var(--bg-tertiary, #f1f5f9);border-color:#cbd5e1}.card-save-btn-inline.saved{color:#f59e0b;background:#fffbeb;border-color:#fde68a}.card-close-overlay{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:10}.card--list .card-head{flex:1;border-bottom:none}.card-channel{font-size:.85rem;color:var(--text-secondary, #64748b);margin-top:.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}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.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 .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;inset: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}.pill-coming-soon{position:absolute;top:6px;left:6px;background:#eab308e6;color:#422006;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;z-index:2}.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;inset: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:.75rem 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,.nav-link--gated: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;inset: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}.site-footer{margin-top:4rem;padding:2rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.85rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-nav a{color:var(--text-color-secondary);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#2563eb;text-decoration:underline}.footer-copyright{text-align:center}.footer-copyright p{margin:0;color:var(--text-color-secondary)}body.theme-dark .site-footer{background:#0a1128;border-top-color:#1e3a8a}@media(max-width:600px){.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-nav{justify-content:center;gap:1rem}}body.theme-dark .auth-card{background:#1f2937;border-color:#374151;color:#f9fafb}body.theme-dark .auth-card h2{color:#f9fafb}body.theme-dark .auth-card p{color:#9ca3af}body.theme-dark .input-group label{color:#e5e7eb}body.theme-dark .input-group input{background:#374151;border-color:#4b5563;color:#f9fafb}body.theme-dark .input-group input::placeholder{color:#6b7280}body.theme-dark .toggle-auth{color:#60a5fa}body.theme-dark .modal{background:#1f2937;color:#f9fafb}body.theme-dark .modal-header{border-bottom-color:#374151}body.theme-dark .modal-title{color:#f9fafb}body.theme-dark .modal-footer,body.theme-dark .modal-actions{border-top-color:#374151}body.theme-dark .actions-title{color:#e5e7eb}body.theme-dark .swimlane{background:#1e293b;border-color:#334155}body.theme-dark .swimlane-head h2{color:#f1f5f9}body.theme-dark .see-all{color:#60a5fa}body.theme-dark .lane-sub{color:#94a3b8}body.theme-dark .lane-desc{color:#64748b}body.theme-dark .fade-edge.left{background:linear-gradient(90deg,#1e293b,#1e293b00)}body.theme-dark .fade-edge.right{background:linear-gradient(270deg,#1e293b,#1e293b00)}body.theme-dark .learn-sidebar{background:#1e293b;border-color:#334155}body.theme-dark .learn-outline{color:#e2e8f0}body.theme-dark .learn-outline-item:hover,body.theme-dark .learn-outline-item:focus-visible{background:#334155;border-color:#475569}body.theme-dark .learn-outline-item.is-active{background:#1e3a5f;border-color:#2563eb;color:#93c5fd}body.theme-dark .learn-outline-time{color:#94a3b8}body.theme-dark .learn-outline-item.is-active .learn-outline-time{color:#60a5fa}body.theme-dark .learn-outline-hint{color:#94a3b8}body.theme-dark .learn-description{background:#1e293b;border-color:#334155;color:#e2e8f0}body.theme-dark .learn-meta-card{background:#1e293b;border-color:#334155}body.theme-dark .learn-meta-card h4{color:#f1f5f9}body.theme-dark .learn-meta-card dt{color:#94a3b8}body.theme-dark .learn-meta-card dd{color:#e2e8f0}body.theme-dark .learn-channel-info p{color:#94a3b8}body.theme-dark .learn-tags li{background:#3b82f626;color:#93c5fd}body.theme-dark footer{border-top-color:#334155;color:#94a3b8}body.theme-dark .badge{background:#3b82f626;border-color:#1e3a5f;color:#93c5fd}body.theme-dark .tag-chip{background:#3b82f633;color:#93c5fd;border-color:#1e3a5f}body.theme-dark .avatar{background:#374151;border-color:#4b5563;color:#d1d5db}body.theme-dark .card .card-meta{color:#94a3b8}body.theme-dark .inline-link{color:#60a5fa}body.theme-dark mark{background:#f59e0b33;color:#fbbf24}body.theme-dark .chip.play{background:#334155;border-color:#475569}body.theme-dark .list-results .category h2,body.theme-dark .card-channel{color:#94a3b8}body.theme-dark .embed{border-color:#334155}body.theme-dark .score-circle{border-color:#4b5563}body.theme-dark .score-label{color:#9ca3af}body.theme-dark .score-card h3{color:#f9fafb}body.theme-dark .score-total{color:#9ca3af}body.theme-dark .score-circle-large{border-color:#4b5563}body.theme-dark .score-label-large{color:#9ca3af}body.theme-dark .score-value{color:#f9fafb}body.theme-dark .score-text{color:#9ca3af}body.theme-dark .assessment-intro p,body.theme-dark .assessment-info p,body.theme-dark .assessment-meta span{color:#d1d5db}body.theme-dark .assessment-results{background:#1f2937}body.theme-dark .results-header.passed{color:#34d399}body.theme-dark .results-header.failed{color:#fbbf24}body.theme-dark .progress-video-card .card-progress-bar .progress-bar,body.theme-dark .progress-video-card .progress-bar-container .progress-bar,body.theme-dark .progress-video-card .progress-bar-container.card .progress-bar{background:#374151!important;border-color:#4b5563!important}body.theme-dark .progress-video-card .card-progress-bar .progress-percentage,body.theme-dark .progress-video-card .card-progress-bar .progress-percentage-small,body.theme-dark .progress-video-card .progress-bar-container .progress-percentage-small{color:#d1d5db}body.theme-dark .question-nav-btn.correct{background:#10b98126;border-color:#10b981}body.theme-dark .question-nav-btn.incorrect{background:#ef444426;border-color:#ef4444}body.theme-dark .question-review{background:#1f2937;border-color:#374151}body.theme-dark .question-number{color:#d1d5db}body.theme-dark .question-complexity{background:#6b728033;color:#d1d5db}body.theme-dark .question-result.correct{background:#10b98126}body.theme-dark .question-result.incorrect{background:#ef444426}body.theme-dark .points-earned{color:#f9fafb}body.theme-dark .points-separator,body.theme-dark .points-total,body.theme-dark .points-label{color:#9ca3af}body.theme-dark .answer-option{border-color:#4b5563;background:#374151}body.theme-dark .answer-option.correct-answer{background:#10b9811a;border-color:#10b981}body.theme-dark .answer-option.user-wrong-answer{background:#ef44441a;border-color:#ef4444}body.theme-dark .answer-option.user-correct-answer{background:#10b98126;border-color:#10b981}body.theme-dark .option-letter{background:#4b5563;color:#d1d5db}body.theme-dark .explanation-section{background:#374151;border-color:#4b5563}body.theme-dark .explanation-section:first-child{background:#10b9811a;border-color:#10b981}body.theme-dark .explanation-section.user-explanation{background:#ef44441a;border-color:#ef4444}body.theme-dark .explanation-title{color:#f9fafb}body.theme-dark .explanation-text{color:#d1d5db}body.theme-dark .recommendation-priority.high{background:#ef444426}body.theme-dark .recommendation-priority.medium{background:#f59e0b26}body.theme-dark .recommendation-priority.low{background:#10b98126}body.theme-dark .meta-label{color:#9ca3af}body.theme-dark .complexity-label{color:#d1d5db}body.theme-dark .complexity-bar{background:#374151}body.theme-dark .nav-btn{background:#374151;border-color:#4b5563;color:#d1d5db}body.theme-dark .nav-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}body.theme-dark .btn-secondary{background:#374151;color:#e5e7eb}body.theme-dark .btn-secondary:hover{background:#4b5563}body.theme-dark .skip-link:focus{background:#1e3a5f;color:#93c5fd}body.theme-dark .certificate-card h3{color:#34d399}body.theme-dark .certificate-card p{color:#a7f3d0}.asha-chat-toggle{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.asha-chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.asha-badge{position:absolute;top:-8px;right:-8px;background:#ff4757;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.asha-chat-window{position:fixed;bottom:100px;right:24px;width:380px;height:600px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;z-index:999;overflow:hidden}.asha-chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.asha-chat-header h3{margin:0;font-size:18px;font-weight:600}.asha-version-badge{display:inline-block;background:#fff3;padding:2px 8px;border-radius:12px;font-size:11px;margin-left:8px;font-weight:500}.asha-close-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.asha-close-btn:hover{background:#ffffff1a}.asha-chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.asha-welcome-message{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.asha-welcome-message p{margin:8px 0;color:#2c3e50}.asha-welcome-message ul{margin:12px 0;padding-left:24px}.asha-welcome-message li{margin:6px 0;color:#34495e}.asha-message{margin-bottom:16px;display:flex;flex-direction:column}.asha-message-user{align-items:flex-end}.asha-message-assistant{align-items:flex-start}.asha-message-content{max-width:80%;padding:12px 16px;border-radius:12px;word-wrap:break-word;line-height:1.5}.asha-message-user .asha-message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.asha-message-assistant .asha-message-content{background:#fff;color:#2c3e50;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000d}.asha-message-time{font-size:11px;color:#95a5a6;margin-top:4px;padding:0 4px}.asha-typing-indicator{display:flex;gap:4px;padding:12px 16px}.asha-typing-indicator span{width:8px;height:8px;background:#95a5a6;border-radius:50%;animation:typing 1.4s infinite}.asha-typing-indicator span:nth-child(2){animation-delay:.2s}.asha-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.asha-chat-input{padding:16px;background:#fff;border-top:1px solid #e1e8ed;display:flex;gap:12px}.asha-chat-input textarea{flex:1;border:1px solid #dfe6e9;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;resize:none;max-height:100px;transition:border-color .2s}.asha-chat-input textarea:focus{outline:none;border-color:#667eea}.asha-chat-input textarea:disabled{background:#f8f9fa;cursor:not-allowed}.asha-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.asha-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.asha-send-btn:disabled{opacity:.5;cursor:not-allowed}.asha-chat-footer{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e1e8ed;text-align:center}.asha-chat-footer small{color:#7f8c8d;font-size:12px}.asha-chat-footer a{color:#667eea;text-decoration:none}.asha-chat-footer a:hover{text-decoration:underline}@media(prefers-color-scheme:dark){.asha-chat-window{background:#1e1e1e}.asha-chat-messages{background:#2d2d2d}.asha-welcome-message{background:#3a3a3a}.asha-welcome-message p,.asha-welcome-message li{color:#e0e0e0}.asha-message-assistant .asha-message-content{background:#3a3a3a;color:#e0e0e0}.asha-chat-input{background:#2d2d2d;border-top-color:#404040}.asha-chat-input textarea{background:#3a3a3a;color:#e0e0e0;border-color:#505050}.asha-chat-footer{background:#2d2d2d;border-top-color:#404040}.asha-chat-footer small{color:#b0b0b0}}@media(max-width:768px){.asha-chat-window{width:calc(100vw - 32px);height:calc(100vh - 140px);right:16px;bottom:90px}.asha-chat-toggle{bottom:16px;right:16px}}.cookie-consent-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-consent-banner{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:800px;width:100%;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.cookie-consent-header .cookie-icon{font-size:1.4rem}.cookie-consent-header h3{margin:0;font-size:1.05rem;font-weight:600;color:#f0f0f0;flex:1}.cookie-consent-header .close-btn{background:transparent;border:none;color:#888;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.cookie-consent-header .close-btn:hover{background:#ffffff1a;color:#fff}.cookie-consent-body{padding:.75rem 1.5rem;color:#b0b0b0;font-size:.88rem;line-height:1.5}.cookie-consent-body p{margin:0 0 .5rem}.cookie-details-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#a0a0ff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.cookie-details-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.cookie-preferences{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.cookie-option{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.6rem .75rem}.cookie-option-header{display:flex;align-items:center;gap:.75rem}.cookie-option-info{display:flex;align-items:center;gap:.5rem;flex:1}.cookie-option-info strong{color:#e0e0e0;font-size:.95rem}.required-badge{font-size:.7rem;padding:.15rem .4rem;background:#667eea33;color:#8b9fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.cookie-description{margin:.25rem 0 0;font-size:.78rem;color:#888;padding-left:3rem;line-height:1.35}.cookie-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.cookie-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#333;border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#888;border-radius:50%;transition:.3s}.cookie-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.cookie-toggle input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.cookie-toggle.disabled{opacity:.6;cursor:not-allowed}.cookie-toggle.disabled .toggle-slider{cursor:not-allowed}.cookie-consent-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);gap:.75rem;flex-wrap:wrap}.cookie-policy-link{color:#8b9fff;font-size:.85rem;text-decoration:none;transition:color .2s}.cookie-policy-link:hover{color:#a0a0ff;text-decoration:underline}.cookie-actions{display:flex;gap:.75rem}.cookie-btn{padding:.5rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cookie-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cookie-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cookie-btn-secondary{background:#ffffff1a;color:#b0b0b0;border:1px solid rgba(255,255,255,.1)}.cookie-btn-secondary:hover{background:#ffffff26;color:#d0d0d0}.cookie-btn-danger{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.cookie-btn-danger:hover{background:#ef44444d}.cookie-settings-fab{position:fixed;bottom:1.5rem;left:1.5rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:9999;transition:all .2s;display:flex;align-items:center;justify-content:center}.cookie-settings-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.cookie-settings-panel{padding:0}.cookie-settings-panel .cookie-preferences{padding:1.25rem 1.5rem}.cookie-settings-actions{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem}.consent-date{text-align:center;font-size:.75rem;color:#666;padding:.5rem 1.5rem 1rem;margin:0}@media(max-width:640px){.cookie-consent-overlay{padding:0;align-items:flex-end}.cookie-consent-banner{border-radius:16px 16px 0 0;max-height:85vh}.cookie-preferences{grid-template-columns:1fr}.cookie-consent-footer{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}.cookie-btn{width:100%;justify-content:center}.cookie-description{padding-left:0;margin-top:.75rem}.cookie-settings-fab{bottom:1rem;left:1rem;width:44px;height:44px;font-size:1.25rem}}
