@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-active:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-subtle:#dbeafe;--color-primary-border:#bfdbfe;--color-primary-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#ecfdf5;--color-success-border:#a7f3d0;--color-success-text:#065f46;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#fef2f2;--color-danger-border:#fecaca;--color-danger-text:#991b1b;--color-purple:#8b5cf6;--color-purple-hover:#7c3aed;--color-purple-light:#f5f3ff;--color-purple-border:#ddd6fe;--color-purple-text:#5b21b6;--color-cyan:#06b6d4;--color-cyan-light:#ecfeff;--color-cyan-border:#a5f3fc;--bg-app:#f8fafc;--bg-surface:#f1f5f9;--bg-surface-elevated:#fff;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-sidebar:#090d16;--bg-sidebar-surface:#111827;--bg-sidebar-border:#ffffff14;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-sub:#94a3b8;--text-light:#fff;--text-inverse:#f8fafc;--border-light:#e2e8f0;--border-subtle:#cbd5e1;--border-strong:#94a3b8;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a12, 0 4px 6px -4px #0f172a08;--shadow-xl:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a08;--shadow-inner:inset 0 2px 4px 0 #0000000a;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.022em;font-weight:700;line-height:1.25}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1rem}p{color:var(--text-secondary);line-height:1.6}small,.text-caption{color:var(--text-muted);font-size:.8125rem}code,pre{font-family:var(--font-mono);border:1px solid var(--border-light);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.825em}a{color:var(--color-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{background-color:var(--bg-app);min-height:100vh;display:flex;position:relative}.sidebar{background-color:var(--bg-sidebar);color:#f1f5f9;z-index:50;border-right:1px solid var(--bg-sidebar-border);width:260px;transition:width var(--transition-slow), transform var(--transition-slow);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:72px}.main-content{background-color:var(--bg-app);min-width:0;min-height:100vh;transition:margin-left var(--transition-slow);flex-direction:column;flex:1;margin-left:260px;display:flex}.main-content.sidebar-is-collapsed{margin-left:72px}.desktop-sidebar-toggle-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.desktop-sidebar-toggle-btn:hover{background:var(--bg-surface);color:var(--color-primary);border-color:var(--border-subtle);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.sidebar-collapse-btn{border-radius:var(--radius-sm);color:#94a3b8;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}@media (width>=1025px){.sidebar.collapsed .sidebar-brand-header{flex-direction:column;justify-content:center!important;gap:8px!important;padding:16px 8px!important}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-text,.sidebar.collapsed .sidebar-user-text,.sidebar.collapsed .sidebar-nav-badge-pill{display:none!important}.sidebar.collapsed .sidebar-group-title{color:#0000!important;background:#ffffff14!important;border:none!important;height:1px!important;margin:10px 14px!important;padding:0!important;font-size:0!important;overflow:hidden!important}.sidebar.collapsed .sidebar-nav-item,.sidebar.collapsed .emp-nav-item{position:relative;justify-content:center!important;gap:0!important;width:44px!important;height:44px!important;margin:4px auto!important;padding:0!important}.sidebar.collapsed .sidebar-user-card{flex-direction:column;align-items:center;display:flex;padding:12px 6px!important}.sidebar.collapsed .sidebar-user-profile-row{width:100%;justify-content:center!important;margin-bottom:8px!important}.sidebar.collapsed .sidebar-action-btn{justify-content:center!important;width:40px!important;height:36px!important;margin:0 auto 8px!important;padding:0!important}.sidebar.collapsed .sidebar-logout-btn{justify-content:center!important;width:40px!important;height:36px!important;margin:0 auto!important;padding:0!important}@keyframes sidebarTooltipFade{0%{opacity:0;transform:translateY(-50%)translate(-4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.sidebar.collapsed .sidebar-nav-item[data-tooltip],.sidebar.collapsed .emp-nav-item[data-tooltip],.sidebar.collapsed .sidebar-action-btn[data-tooltip],.sidebar.collapsed .sidebar-logout-btn[data-tooltip],.sidebar.collapsed .sidebar-user-avatar[data-tooltip],.sidebar.collapsed .sidebar-brand-logo[data-tooltip]{position:relative}.sidebar.collapsed .sidebar-nav-item[data-tooltip]:hover:after,.sidebar.collapsed .emp-nav-item[data-tooltip]:hover:after,.sidebar.collapsed .sidebar-action-btn[data-tooltip]:hover:after,.sidebar.collapsed .sidebar-logout-btn[data-tooltip]:hover:after,.sidebar.collapsed .sidebar-user-avatar[data-tooltip]:hover:after,.sidebar.collapsed .sidebar-brand-logo[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;z-index:999;background:#0f172a;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;animation:.15s ease-out sidebarTooltipFade;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%);box-shadow:0 8px 24px #00000073}.sidebar.collapsed .sidebar-nav-item[data-tooltip]:hover:before,.sidebar.collapsed .emp-nav-item[data-tooltip]:hover:before,.sidebar.collapsed .sidebar-action-btn[data-tooltip]:hover:before,.sidebar.collapsed .sidebar-logout-btn[data-tooltip]:hover:before,.sidebar.collapsed .sidebar-user-avatar[data-tooltip]:hover:before,.sidebar.collapsed .sidebar-brand-logo[data-tooltip]:hover:before{content:"";z-index:999;pointer-events:none;border:5px solid #0000;border-right-color:#0f172a;animation:.15s ease-out sidebarTooltipFade;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}}.navbar{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);z-index:35;background:#ffffffeb;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.page-body{box-sizing:border-box;flex:1;width:100%;max-width:1440px;margin:0 auto;padding:32px}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#0f172a99;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition);padding:24px;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-border);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.interactive-hover-row{cursor:pointer;border-radius:var(--radius-md);margin:-4px -12px;padding:10px 12px;transition:background-color .15s,transform .15s}.interactive-hover-row:hover{background-color:var(--bg-surface);transform:translate(2px)}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.025em;white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-hover);border:1px solid var(--color-primary-border)}.badge-success{background:var(--color-success-light);color:var(--color-success-text);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.badge-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.badge-purple{background:var(--color-purple-light);color:var(--color-purple-text);border:1px solid var(--color-purple-border)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;line-height:1.4;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px #3b82f640}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:#2563eb;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-active);box-shadow:0 2px 5px #2563eb4d}.btn-secondary{color:var(--text-main);border-color:var(--border-light);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-main)}.btn-danger{background:var(--color-danger);color:#fff;border-color:#dc2626;box-shadow:0 1px 2px #ef444433}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-success{background:var(--color-success);color:#fff;border-color:#059669;box-shadow:0 1px 2px #10b98133}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-main)}.btn-sm{border-radius:var(--radius-sm);gap:6px;padding:5px 11px;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);gap:10px;padding:11px 22px;font-size:.95rem}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.835rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;font-size:.875rem;font-family:var(--font-sans);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;background:#fff;outline:none;padding:9px 13px}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.form-hint{color:var(--text-muted);margin-top:5px;font-size:.775rem}.form-error{color:var(--color-danger);margin-top:5px;font-size:.8rem;font-weight:500}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);background:#fff;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid var(--border-light);white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:.72rem;font-weight:700}.table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle;padding:15px 18px;font-size:.865rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafbfc}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFade;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);background:#fff;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) modalScale;display:flex;overflow:hidden}.modal-content-lg{max-width:880px}.modal-content-xl{max-width:1080px}.modal-header{border-bottom:1px solid var(--border-light);z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:1.15rem;font-weight:700}.modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;flex:auto;min-height:0;padding:24px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-footer{border-top:1px solid var(--border-light);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:#f8fafc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.progress-bar{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill-success{background:var(--color-success)}.toast-container{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);border-left:4px solid var(--color-primary);background:#fff;align-items:center;gap:12px;min-width:300px;max-width:440px;padding:13px 18px;font-size:.875rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) slideInToast;display:flex}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}@keyframes slideInToast{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.desktop-sidebar-toggle-btn,.sidebar-collapse-btn{display:none!important}.sidebar{box-shadow:var(--shadow-xl);transform:translate(-100%);width:260px!important}.sidebar.collapsed{width:260px!important}.sidebar.mobile-open{transform:translate(0)}.main-content,.main-content.sidebar-is-collapsed{margin-left:0!important}.navbar{padding:0 20px}.page-body{padding:24px 18px}.mobile-menu-btn{display:inline-flex!important}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:16px}.navbar{height:58px;padding:0 16px}.page-body{padding:16px 12px}.modal-content{max-height:94vh;margin:10px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.8s linear infinite shimmer}@media print{body *{visibility:hidden}#printable-cert,#printable-cert *,#admin-printable-cert,#admin-printable-cert *{visibility:visible}#printable-cert,#admin-printable-cert{box-sizing:border-box;page-break-inside:avoid;width:100vw;height:100vh;margin:0;position:fixed;top:0;left:0;box-shadow:none!important;background:#fff!important;border:12px double #1e293b!important;padding:30px!important}@page{size:landscape;margin:0}}.lesson-player-page{width:100%;margin:0 auto;padding-bottom:60px;transition:max-width .25s}.lesson-player-layout{align-items:flex-start;gap:24px;display:flex;position:relative}.lesson-player-main{flex:1;min-width:0}.lesson-outline-drawer{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-sm,0 1px 3px #0f172a0f);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}@media (width>=1025px){.lesson-outline-drawer{flex-shrink:0;width:360px;max-height:calc(100vh - 40px);position:sticky;top:20px}.lesson-outline-backdrop{display:none!important}}@media (width<=1024px){.lesson-outline-drawer{z-index:1050;border-top:none;border-bottom:none;border-right:none;border-radius:0;width:340px;max-width:86vw;max-height:100vh;position:fixed;top:0;bottom:0;right:0;box-shadow:-6px 0 28px #0f172a29}.lesson-outline-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1040;background:#0f172a73;position:fixed;inset:0}}.outline-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:18px 20px}.outline-header-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.outline-title{color:#f8fafc;margin:0;font-size:.95rem;font-weight:700;line-height:1.35}.outline-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.outline-close-btn:hover{background:#ffffff40}.outline-tabs{border-bottom:1px solid var(--border-light,#e2e8f0);background:#f1f5f9;gap:4px;padding:4px;display:flex}.outline-tab{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.outline-tab.active{color:var(--color-primary,#2563eb);background:#fff;box-shadow:0 1px 3px #0000000f}.outline-tab-badge{color:#475569;background:#e2e8f0;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.outline-tab.active .outline-tab-badge{color:#1d4ed8;background:#dbeafe}.outline-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.outline-body::-webkit-scrollbar{width:5px}.outline-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.outline-lesson-card{border:1px solid var(--border-light,#e2e8f0);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .18s;display:flex;position:relative}.outline-lesson-card:hover{background:#f8fafc;border-color:#93c5fd;transform:translateY(-1px)}.outline-lesson-card.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #2563eb1a}.outline-lesson-card.completed{background:#fff;border-color:#a7f3d0}.outline-lesson-card.locked{opacity:.6;cursor:not-allowed;background:#f8fafc}.outline-lesson-card.locked:hover{border-color:var(--border-light,#e2e8f0);transform:none}.outline-lesson-title{color:var(--text-main,#0f172a);margin:0;font-size:.86rem;font-weight:600;line-height:1.35}.outline-lesson-meta{color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;gap:8px;font-size:.74rem;display:flex}.outline-section-item{cursor:pointer;color:var(--text-secondary,#334155);background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;transition:all .15s;display:flex}.outline-section-item:hover{border-color:var(--border-light,#e2e8f0);background:#f8fafc}.outline-section-item.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600}.outline-section-item.completed{color:var(--text-main,#0f172a)}.outline-section-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.outline-section-icon.active{color:#fff;background:#3b82f6}.outline-section-icon.completed{color:#fff;background:#10b981}.outline-section-icon.pending{color:#64748b;background:#e2e8f0}.outline-section-label{text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3;overflow:hidden}.outline-section-type-badge{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:.68rem;font-weight:500}.dpdp-slideshow-widget{transition:all .25s}.dpdp-slideshow-widget [id$=_rail]::-webkit-scrollbar{height:6px}.dpdp-slideshow-widget [id$=_rail]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dpdp-slideshow-widget [id$=_rail]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dpdp-slideshow-widget [id$=_rail]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dpdp-slideshow-widget [class$=_thumb]:hover{transform:translateY(-2px);border-color:#93c5fd!important}.dpdp-slideshow-widget [id$=_stage]:hover [id$=_main_img]{transform:scale(1.008)}.dpdp-slideshow-widget:fullscreen{width:100vw!important;height:100vh!important;box-shadow:none!important;box-sizing:border-box!important;background:#020617!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;padding:30px!important;display:flex!important}.dpdp-slideshow-widget:fullscreen [id$=_stage]{flex:1!important;max-height:82vh!important}@media (width<=640px){.dpdp-slideshow-widget{padding:14px!important}.dpdp-slideshow-widget [id$=_stage]{border-radius:8px!important}}