@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;700&display=swap";.sidebar{--sidebar-bg:var(--bg-white);--sidebar-border:var(--border-color);--sidebar-text:var(--text-dark);--sidebar-text-muted:var(--text-muted);--sidebar-primary:var(--primary-green);--sidebar-hover-bg:var(--bg-light)}html.dark .sidebar{--sidebar-bg:#1e293b;--sidebar-border:var(--border-color);--sidebar-text:var(--text-light);--sidebar-text-muted:var(--text-muted);--sidebar-primary:var(--primary-green);--sidebar-hover-bg:var(--bg-light)}.sidebar{z-index:1000;background:var(--sidebar-bg);border-left:1px solid var(--sidebar-border);box-shadow:var(--shadow-md);text-align:right;flex-direction:column;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:16px 14px;display:flex}.sidebar-logo-box{background:var(--sidebar-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.sidebar-main-logo{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:100%;height:100%}.sidebar-brand-name{color:var(--sidebar-text);white-space:nowrap;margin:0;font-size:15px;font-weight:600}.sidebar-nav{flex:1;padding:14px 12px;overflow-y:auto}.nav-group{margin-bottom:18px}.group-title{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 10px;font-size:10px;font-weight:700}.nav-item{color:var(--sidebar-text);transform-origin:100%;border-radius:6px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 11px;text-decoration:none;transition:background .22s ease-out,color .2s,transform .22s ease-out,box-shadow .22s ease-out;display:flex}.nav-item:hover{background:var(--sidebar-hover-bg);transform:translate(-3px)scale(1.02);box-shadow:0 2px 8px #0000000f}.nav-item:active{transition-duration:.1s;transform:translate(-1px)scale(.99)}.nav-item.active{background:var(--sidebar-primary);box-shadow:0 2px 10px #22c55e40;color:#fff!important}.nav-item.active:hover{transform:translate(-3px)scale(1.02);box-shadow:0 3px 12px #22c55e4d}.nav-icon{width:22px;min-width:22px;height:22px;color:var(--sidebar-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.nav-item:hover .nav-icon{color:var(--sidebar-primary);transform:scale(1.08)}.nav-item.active .nav-icon{color:#fff}.nav-item.active:hover .nav-icon{transform:scale(1.08)}.nav-icon svg{stroke:currentColor;width:100%;height:100%}.nav-icon-img{-o-object-fit:contain;object-fit:contain;width:18px;height:18px;display:block}.nav-item.active .nav-icon-img{filter:brightness(0)invert()}.nav-label{white-space:nowrap;font-size:12px;font-weight:500}.sidebar-theme-toggle-group{border-top:1px solid var(--sidebar-border);margin-top:8px;padding-top:8px}.sidebar-theme-toggle-btn{cursor:pointer;width:100%;font:inherit;text-align:right;background:0 0;border:none}.sidebar-theme-toggle-btn .nav-icon svg{width:18px;height:18px}.sidebar-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;position:fixed;inset:0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.sidebar-user-block{border-top:1px solid var(--sidebar-border);background:var(--sidebar-bg);flex-shrink:0;padding:12px 14px;position:relative}.sidebar-user-block--collapsed .sidebar-user-info{display:none}.sidebar-user-block--collapsed .sidebar-user-row{justify-content:center;gap:4px}.sidebar-user-row{flex-direction:row;align-items:center;gap:10px;display:flex}.sidebar-user-menu-btn{width:28px;height:28px;color:var(--sidebar-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .22s ease-out,background .22s ease-out,transform .22s ease-out;display:flex}.sidebar-user-menu-btn:hover{color:var(--sidebar-primary);background:var(--sidebar-hover-bg);transform:scale(1.1)}.sidebar-user-menu-btn:active{transition-duration:.1s;transform:scale(.95)}.sidebar-user-menu-btn:focus-visible{box-shadow:0 0 0 2px var(--sidebar-primary);outline:none}.sidebar-user-info{flex-direction:column;flex:1;align-items:flex-end;gap:1px;min-width:0;display:flex}.sidebar-user-name{color:var(--sidebar-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text-muted);font-size:11px;font-weight:500}.sidebar-user-avatar{background:linear-gradient(145deg,var(--sidebar-primary),var(--primary-green-light,#22c55e));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:transform .25s ease-out,box-shadow .25s ease-out;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001f}.sidebar-user-row:hover .sidebar-user-avatar{transform:scale(1.06);box-shadow:0 3px 8px #00000026}.sidebar-user-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.sidebar-user-dropdown{background:var(--bg-white);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1001;border-radius:10px;position:absolute;bottom:calc(100% + 6px);left:14px;right:14px;overflow:hidden}.sidebar-dropdown-item{width:100%;color:var(--text-gray);cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:500;transition:background .2s ease-out,color .2s,transform .2s ease-out;display:flex}.sidebar-dropdown-item:hover{background:var(--bg-light);color:var(--sidebar-primary);transform:translate(-2px)}.sidebar-dropdown-item:active{transform:translate(0)scale(.98)}.sidebar-dropdown-item.logout-btn{color:var(--status-error,#e53e3e)}.sidebar-dropdown-item.logout-btn:hover{background:var(--status-error-bg,#e53e3e14);color:var(--status-error,#e53e3e)}html.dark .sidebar-user-dropdown{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-xl)}html.dark .sidebar-dropdown-item{color:var(--text-muted)}html.dark .sidebar-dropdown-item:hover{background:var(--bg-light);color:var(--sidebar-primary)}html.dark .sidebar-dropdown-item.logout-btn:hover{background:var(--status-error-bg)}.header{z-index:100;background:var(--bg-white);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}html.dark .header{border-bottom-color:var(--border-color);background:#1e293b!important}.header-left{align-items:center;gap:1.5rem;display:flex}.menu-toggle-btn{background:var(--bg-light);width:40px;height:40px;color:var(--primary-green);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.menu-toggle-btn:hover{background:var(--primary-green);color:#fff;box-shadow:var(--shadow-green);transform:translateY(-2px)}.theme-toggle-btn{background:var(--bg-light);width:34px;height:34px;color:var(--text-dark);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:flex}.theme-toggle-btn:hover{background:var(--primary-green);color:#fff;box-shadow:var(--shadow-green);transform:scale(1.02)}html.dark .theme-toggle-btn{background:var(--bg-light);color:var(--text-light)}html.dark .theme-toggle-btn:hover{background:var(--primary-green);color:#fff}.nav-breadcrumb,.breadcrumb-item{align-items:center;gap:.75rem;display:flex}.breadcrumb-separator{color:var(--text-muted);font-size:14px}.breadcrumb-text{color:var(--text-dark);align-items:center;gap:.5rem;font-size:14px;font-weight:500;display:flex}.breadcrumb-text.active{color:var(--primary-green);font-weight:600}.breadcrumb-icon{color:var(--primary-green)}.breadcrumb-link{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:14px;transition:all .2s}.breadcrumb-link:hover{color:var(--primary-green);background:var(--status-success-bg)}.header-right{align-items:center;gap:.75rem;display:flex}.header-brand-mobile{display:none}@media (max-width:768px){.header{height:56px;min-height:56px;padding:0 .75rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.header-left{flex:1;gap:.5rem;min-width:0}.menu-toggle-btn{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;margin-left:0}.menu-toggle-btn svg{width:22px;height:22px}.theme-toggle-desktop{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;display:flex!important}.theme-toggle-desktop svg{width:20px;height:20px}.nav-breadcrumb{display:none!important}.header-brand-mobile{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.header-brand-logo-box{background:var(--primary-green);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-brand-logo{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.header-brand-name{color:var(--text-dark);white-space:nowrap;font-size:14px;font-weight:600}html.dark .header-brand-name{color:var(--text-light)}.header-right{flex-shrink:0;gap:.5rem}}@media (max-width:480px){.header{padding:0 .5rem;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.menu-toggle-btn,.theme-toggle-desktop{width:42px;min-width:42px;height:42px;min-height:42px}.header-brand-logo-box{border-radius:12px;width:32px;height:32px}.header-brand-name{font-size:13px}.breadcrumb-text,.breadcrumb-link{font-size:12px}}@media (max-width:360px){.header{height:52px;min-height:52px;padding:0 .4rem}.header-left{gap:.35rem}.menu-toggle-btn,.theme-toggle-desktop{width:40px;min-width:40px;height:40px;min-height:40px}.menu-toggle-btn svg,.theme-toggle-desktop svg{width:18px;height:18px}.header-brand-logo-box{border-radius:12px;width:28px;height:28px}.header-brand-name{text-overflow:ellipsis;max-width:100px;font-size:12px;overflow:hidden}.breadcrumb-text,.breadcrumb-link{font-size:11px}}.admin-layout{background:var(--bg-dark);direction:rtl;min-height:100vh;transition:background-color .3s;display:flex;overflow:hidden}.admin-layout-main{flex-direction:column;flex:1;height:100vh;margin-right:80px;transition:all .3s;display:flex;overflow:hidden}.admin-layout-main.sidebar-open{margin-right:280px}.admin-layout-main.sidebar-closed{margin-right:80px}.admin-layout-content{background:var(--bg-dark);flex:1;height:calc(100vh - 70px);padding:0 1.5rem 1.5rem;transition:background-color .3s;overflow-y:auto}.admin-layout-container{width:100%;max-width:1400px;min-height:100%;margin:0 auto}.admin-layout-content.layout-tight-spacing{padding:.125rem .75rem 1.5rem}@media (max-width:768px){.admin-layout-content.layout-tight-spacing{padding:.125rem .5rem 1rem}}@media (max-width:1024px){.admin-layout-main,.admin-layout-main.sidebar-open,.admin-layout-main.sidebar-closed{margin-right:0}.admin-layout-content{height:calc(100vh - 70px)}}@media (max-width:768px){.admin-layout-content{height:calc(100vh - 56px);padding:0 .75rem 1rem}}@media (max-width:360px){.admin-layout-content{height:calc(100vh - 52px);padding:0 .5rem .75rem}}.admin-layout-content::-webkit-scrollbar{width:8px}.admin-layout-content::-webkit-scrollbar-track{background:var(--bg-light);border-radius:4px}.admin-layout-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.admin-layout-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.admin-layout-content{scrollbar-width:thin;scrollbar-color:var(--border-color)var(--bg-light)}.skeleton{--skeleton-base:#f1f5f9;--skeleton-highlight:#fff;--skeleton-radius:10px;background:var(--skeleton-base);border-radius:var(--skeleton-radius);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(105deg,transparent 0%,transparent 40%,var(--skeleton-highlight)50%,transparent 60%,transparent 100%);border-radius:inherit;background-size:200% 100%;animation:1.8s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.skeleton:after{opacity:.6;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:none}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:6px;width:100%;height:14px}.skeleton-text-short{border-radius:6px;width:55%;height:14px}.skeleton-text-medium{border-radius:6px;width:75%;height:14px}.skeleton-title{border-radius:8px;width:65%;height:22px;margin-bottom:10px}.skeleton-image{border-radius:12px 12px 0 0;width:100%;height:200px}.skeleton-avatar,.skeleton-circle{border-radius:50%;width:40px;height:40px}.skeleton-button{border-radius:10px;width:100px;height:40px}.skeleton-button-small{border-radius:8px;width:72px;height:32px}.skeleton-input{border-radius:10px;width:100%;height:44px}.skeleton-badge{border-radius:12px;width:56px;height:24px}.skeleton-card{background:#fff;border:1px solid #0000000a;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-card-image{border-radius:16px 16px 0 0;width:100%;height:180px}.skeleton-card-content{padding:1.25rem 1.5rem}.skeleton-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.skeleton-card-actions{gap:.5rem;display:flex}.skeleton-stat-card{background:#fff;border:1px solid #0000000a;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-stat-icon{border-radius:12px;flex-shrink:0;width:52px;height:52px}.skeleton-stat-content{flex:1;min-width:0}.skeleton-chart{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-chart-area{border-radius:12px;width:100%;height:200px;margin-top:1rem;overflow:hidden}.skeleton-chart-area .skeleton{border-radius:12px;width:100%;height:100%}.skeleton-header{background:#fff;border:1px solid #0000000a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-header-title{flex:1;min-width:0}.skeleton-header .skeleton-title{margin-bottom:8px}.skeleton-header .skeleton-text{margin-bottom:0}.skeleton-filter-bar{background:#fff;border:1px solid #0000000a;border-radius:16px;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-filter-search{flex:2;min-width:260px}.skeleton-filter-select{flex:1;min-width:160px}.skeleton-form{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-form-group{margin-bottom:1.25rem}.skeleton-form-group:last-of-type{margin-bottom:0}.skeleton-label{border-radius:6px;width:90px;height:14px;margin-bottom:.5rem}.skeleton-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.skeleton-user-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.skeleton-user-row:last-child{border-bottom:none}.skeleton-user-info{flex:2;align-items:center;gap:1rem;min-width:0;display:flex}.skeleton-user-details{flex:1;min-width:0}.skeleton-actions{flex:1;justify-content:flex-end;gap:.5rem;display:flex}.skeleton-table-row{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-cell{flex:1;min-width:0}.skeleton-table-wrapper{background:#fff;border:1px solid #0000000a;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:1rem;padding:1rem 1.5rem;display:flex}.skeleton-list{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:.5rem;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.skeleton-list-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1rem;display:flex}.skeleton-list-item:last-child{border-bottom:none}.skeleton-list-icon{flex-shrink:0}.skeleton-list-content{flex:1;min-width:0}.skeleton-container{width:100%}.skeleton-wrapper{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:768px){.skeleton-filter-bar{flex-direction:column;gap:.75rem}.skeleton-filter-search,.skeleton-filter-select{flex:100%;min-width:100%}.skeleton-user-row{flex-wrap:wrap}.skeleton-actions{justify-content:flex-start;width:100%}.skeleton-grid{grid-template-columns:1fr;gap:1rem}.skeleton-header{flex-direction:column;align-items:flex-start;gap:1rem}}html.dark .skeleton{--skeleton-base:#334155;--skeleton-highlight:#ffffff14}html.dark .skeleton-card{background:var(--bg-white,#1e293b);border:1px solid var(--border-color,#334155);box-shadow:0 1px 3px #0003}html.dark .skeleton-card-footer{border-top-color:var(--border-color,#334155)}html.dark .skeleton-stat-card,html.dark .skeleton-chart,html.dark .skeleton-header,html.dark .skeleton-filter-bar,html.dark .skeleton-form{background:var(--bg-white,#1e293b);border:1px solid var(--border-color,#334155);box-shadow:0 1px 3px #0003}html.dark .skeleton-form-actions{border-top-color:var(--border-color,#334155)}html.dark .skeleton-user-row{border-bottom-color:var(--border-color,#334155)}html.dark .skeleton-table-row{border-bottom-color:var(--border-color,#334155);background:var(--bg-white,#1e293b)}html.dark .skeleton-table-wrapper{background:var(--bg-white,#1e293b);border:1px solid var(--border-color,#334155);box-shadow:0 1px 3px #0003}html.dark .skeleton-table-header{background:var(--bg-light,#334155);border-bottom-color:var(--border-color,#334155)}html.dark .skeleton-list{background:var(--bg-white,#1e293b);border:1px solid var(--border-color,#334155);box-shadow:0 1px 3px #0003}html.dark .skeleton-list-item{border-bottom-color:var(--border-color,#334155)}:root{--bg-color:#f9fafb;--white:#fff;--border-color:#f3f4f6;--border-darker:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-spring:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--blue-50:#eff6ff;--blue-600:#2563eb;--green-50:#f0fdf4;--green-500:#22c55e;--green-600:#16a34a;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--orange-50:#fff7ed;--orange-500:#f97316;--orange-600:#ea580c;--yellow-50:#fefce8;--yellow-500:#eab308;--yellow-600:#ca8a04;--indigo-50:#eef2ff;--indigo-600:#4f46e5;--emerald-50:#ecfdf5;--emerald-600:#059669;--purple-50:#faf5ff;--purple-600:#9333ea}*{box-sizing:border-box;transition-timing-function:var(--ease-spring)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes iconShine{0%{left:-100%}to{left:200%}}@keyframes wave{0%{transform:translate(0)translateZ(0)}to{transform:translate(-50%)translateZ(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes neonLineMove{0%{opacity:0;transform:translateY(-100%)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.fade-in{opacity:0;animation:.3s ease-in forwards fadeIn}.fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}.fade-in-down{opacity:0;animation:.4s ease-out forwards fadeInDown}.fade-in-left{opacity:0;animation:.4s ease-out forwards fadeInLeft}.fade-in-right{opacity:0;animation:.4s ease-out forwards fadeInRight}.scale-in{animation:.3s ease-out forwards scaleIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-container{z-index:1;direction:rtl;background-color:#f8fafc;flex:1;width:100%;max-width:1400px;min-height:100%;margin:0 auto;padding:1rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-weight:400;position:relative}.dashboard-container *{font-family:inherit}.dashboard-page-header{margin-bottom:1.5rem}.dashboard-page-title{color:#1e293b;margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.dashboard-page-subtitle{color:#64748b;margin:0;font-size:.875rem}html.dark .dashboard-page-title{color:#fff}.dashboard-stats-row{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:1200px){.dashboard-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard-stats-row{grid-template-columns:1fr}}.overview-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:box-shadow .2s,border-color .2s;box-shadow:0 1px 3px #0000000f}.overview-stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #00000014}.overview-stat-card__header{justify-content:flex-start;align-items:flex-start;margin-bottom:.75rem;display:flex}.overview-stat-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.overview-stat-card__icon-img{-o-object-fit:contain;object-fit:contain;width:22px;height:22px;display:block}.overview-stat-card__icon--green{background:#22c55e1f}.overview-stat-card__icon--yellow{background:#eab30826}.overview-stat-card__icon--blue{background:#3b82f61f}.overview-stat-card__value{color:#1e293b;margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.overview-stat-card__label{color:#64748b;font-size:.8125rem;font-weight:500}.dashboard-charts-row{margin-bottom:1.5rem}.dashboard-loading,.dashboard-error{min-height:320px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.dashboard-loading-spinner{border:3px solid var(--border-darker);border-top-color:var(--primary-blue);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-skeleton-loading .dashboard-stats-cards{margin-bottom:1.5rem}.dashboard-skeleton-loading .table-card .table-header{flex-wrap:wrap;gap:.75rem}.dashboard-skeleton-loading .table-card .skeleton-table-wrapper{border-top:none;border-radius:0 0 1rem 1rem}.dashboard-error h2{color:var(--text-primary);margin:0;font-size:1.25rem}.dashboard-error p{margin:0}.dashboard-error-icon{color:var(--red-500)}.chart-legend-empty,.quiz-alerts-empty,.course-health-empty,.feedback-list-empty{color:var(--text-muted);margin:.5rem 0;font-size:.875rem}.table-empty-cell{text-align:center;color:var(--text-muted);padding:1.5rem}.insight-user-list{color:var(--text-secondary);margin:.25rem 0 0;padding-right:1rem;font-size:.8rem;list-style:outside}.neon-lines-container{pointer-events:none;z-index:0;opacity:.08;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.neon-line{background:linear-gradient(to bottom,transparent,var(--primary-blue),transparent);border-radius:2px;width:2px;height:200%;animation:20s linear infinite neonLineMove;position:absolute;box-shadow:0 0 10px #2563eb80,0 0 20px #2563eb4d,0 0 30px #2563eb33}.neon-line-1{animation-duration:25s;animation-delay:0s;left:20%}.neon-line-2{animation-duration:30s;animation-delay:-8s;left:50%}.neon-line-3{animation-duration:28s;animation-delay:-15s;left:80%}@media (min-width:768px){.dashboard-container{padding:2rem}}@media (max-width:768px){.neon-lines-container{opacity:.05}.neon-line{width:1px}.neon-line-3{display:none}}.dashboard-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:-30px;margin-bottom:1.5rem;animation:.6s ease-out forwards fadeInDown;display:flex}@media (min-width:768px){.dashboard-header{flex-direction:row;align-items:center;margin-bottom:2rem}}.mobile-filter-btn{display:flex}@media (min-width:768px){.mobile-filter-btn{display:none}}.quick-action-btn{display:flex}.header-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700;display:inline-block}@media (min-width:768px){.header-title{font-size:1.65rem}}html.dark .header-title{color:#fff}.header-subtitle{color:var(--text-secondary);margin-top:.125rem;font-size:.85rem}@media (min-width:768px){.header-subtitle{font-size:1rem}}.dashboard-header-actions{flex-wrap:wrap;align-items:center;gap:.625rem;width:100%;display:flex}@media (min-width:768px){.dashboard-header-actions{width:auto}}.btn{cursor:pointer;transition:all var(--duration-normal)var(--ease-spring);border:1px solid #0000;border-radius:.625rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex;position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:before{width:300px;height:300px}.btn-secondary{background-color:var(--white);border-color:var(--border-darker);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--bg-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background-color:var(--primary-blue);color:var(--white);box-shadow:var(--shadow-sm);padding:.5rem 1rem}.btn-primary:hover{background-color:var(--primary-blue-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.gradient-btn{background:linear-gradient(135deg,var(--primary-blue),#4f46e5);color:var(--white)}.gradient-btn:hover{background:linear-gradient(135deg,var(--primary-blue-hover),#4338ca);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-icon-only{background-color:var(--white);border:1px solid var(--border-darker);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal)var(--ease-spring);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-icon-only:hover{background-color:var(--bg-color);color:var(--primary-blue);transform:scale(1.1)}.btn-icon-only:active{transform:scale(.95)}.btn-icon-text{background-color:var(--white);border:1px solid var(--border-darker);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal)var(--ease-spring);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:flex}.btn-icon-text:hover{background-color:var(--bg-color);color:var(--primary-blue);transform:translateY(-2px)}.notification-bell{background-color:var(--white);border:1px solid var(--border-darker);cursor:pointer;transition:all var(--duration-normal)var(--ease-spring);border-radius:.625rem;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.notification-bell:hover{background-color:var(--bg-color);box-shadow:var(--shadow-md);transform:scale(1.05)}.bell-icon{color:var(--text-secondary);transition:color var(--duration-normal)}.notification-bell:hover .bell-icon{color:var(--primary-blue)}.notification-dot{background-color:var(--red-500);border:2px solid var(--white);border-radius:9999px;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:.5rem;right:.5rem}.notification-wrapper{align-items:center;gap:.5rem;display:flex}.stats-grid{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.stats-grid .stat-card{flex:100%;min-height:92px}@media (min-width:640px){.stats-grid .stat-card{flex:calc(50% - .375rem);min-width:0}}@media (min-width:768px){.stats-grid .stat-card{flex:calc(33.333% - .5rem)}}@media (min-width:1024px){.stats-grid{flex-wrap:nowrap}.stats-grid .stat-card{flex:1 1 0;min-width:0;min-height:92px}}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:.35rem;min-width:0;padding:.65rem .75rem;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stats-grid.fade-in-on-load .stat-card:first-child{opacity:0;animation:.5s ease-out .1s forwards fadeInUp}.stats-grid.fade-in-on-load .stat-card:nth-child(2){opacity:0;animation:.5s ease-out .15s forwards fadeInUp}.stats-grid.fade-in-on-load .stat-card:nth-child(3){opacity:0;animation:.5s ease-out .2s forwards fadeInUp}.stats-grid.fade-in-on-load .stat-card:nth-child(4){opacity:0;animation:.5s ease-out .25s forwards fadeInUp}.stats-grid.fade-in-on-load .stat-card:nth-child(5){opacity:0;animation:.5s ease-out .3s forwards fadeInUp}.stat-card-header{width:100%;min-height:36px;margin-bottom:.25rem;position:relative}.stat-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;display:flex;position:absolute;top:0;right:0}.stat-trend{align-items:center;gap:.2rem;font-size:.6875rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.trend-up{color:var(--green-500)}.trend-down{color:var(--red-500)}.trend-icon{flex-shrink:0}.stat-icon-img{-o-object-fit:contain;object-fit:contain;width:1.25rem;height:1.25rem}.stat-content{flex-direction:column;gap:.25rem;min-width:0;display:flex}.stat-value{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);overflow-wrap:break-word;word-break:break-word;min-width:0;font-size:.6875rem;font-weight:500;line-height:1.3}.charts-grid{gap:var(--space-6);margin-bottom:var(--space-8);padding:var(--space-2);grid-template-columns:1fr;grid-auto-rows:minmax(min-content,1fr);display:grid}@media (min-width:1024px){.charts-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(20rem,1fr);gap:2rem}}.chart-container{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all var(--duration-slow)var(--ease-spring);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:1rem;margin-bottom:.5rem;padding:1.5rem;position:relative;overflow:hidden;transform:translateZ(0)}.chart-container:before{content:"";background:linear-gradient(90deg,#0000,#2563eb0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.chart-container:hover{box-shadow:var(--shadow-xl);border-color:#2563eb33;transform:translateY(-4px)}.chart-container:hover:before{left:100%}.glass-card{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all var(--duration-slow)var(--ease-spring);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:1rem;position:relative;overflow:hidden;transform:translateZ(0)}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#2563eb0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glass-card:hover{box-shadow:var(--shadow-xl);border-color:#2563eb33;transform:translateY(-4px)}.glass-card:hover:before{left:100%}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3}.charts-grid.fade-in-on-load .chart-container:first-child{opacity:0;animation:.6s ease-out .4s forwards fadeInUp}.charts-grid.fade-in-on-load .chart-container:nth-child(2){opacity:0;animation:.6s ease-out .5s forwards fadeInUp}.engagement-chart{flex-direction:column;grid-column:span 1;min-height:0;display:flex}@media (min-width:1024px){.engagement-chart{grid-column:span 2}}.engagement-chart .chart-header{margin-bottom:var(--space-4);flex-shrink:0}.engagement-chart .chart-visual-wrapper{flex-direction:column;flex:1;min-height:12rem;display:flex;position:relative}.engagement-chart .chart-svg{flex:1;width:100%;min-height:0;overflow:visible}.engagement-chart .chart-labels{flex-shrink:0}.engagement-card-design{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-height:0;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000f}.engagement-chart-header{direction:rtl;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.engagement-chart-titles{text-align:right}.engagement-chart-title{color:#111827;margin:0 0 .25rem;font-size:1.125rem;font-weight:600;line-height:1.3}.engagement-chart-subtitle{color:#6b7280;margin:0;font-size:.8125rem;font-weight:400;line-height:1.4}.engagement-time-selector{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.engagement-time-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.engagement-time-btn:hover{color:#4a90e2}.engagement-time-btn.active{color:#4a90e2;background:#e8f0fe;border:1px solid #4a90e259}.engagement-chart-visual{flex-direction:column;flex:1;min-height:12rem;display:flex;position:relative}.engagement-chart-svg{flex:1;width:100%;min-height:0;display:block;overflow:visible}.engagement-chart-area{opacity:.9}.engagement-chart-line{stroke-dasharray:1200;stroke-dashoffset:1200px;animation:1.5s ease-out forwards engagementDrawLine}@keyframes engagementDrawLine{to{stroke-dashoffset:0}}.engagement-chart-labels{direction:rtl;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;width:100%;margin-top:.5rem;padding:0 2px;display:flex}.engagement-chart-label{color:#9ca3af;text-align:center;flex:1 1 0;min-width:0;font-size:.6875rem}.chart-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);margin-top:15px;margin-bottom:.5rem;margin-right:8px;font-size:1.1rem;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:.5rem;margin-bottom:.5rem;margin-right:8px;font-size:.75rem}.chart-tabs{background-color:var(--bg-color);border-radius:.5rem;padding:.25rem;display:flex}.chart-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.chart-tab.active{background-color:var(--white);color:var(--primary-blue);box-shadow:0 1px 2px #0000000d}.chart-visual-wrapper{height:14rem;position:relative}.chart-svg{width:100%;height:100%;display:block;overflow:visible}.chart-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-out forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.chart-area{opacity:0;animation:1s ease-out .5s forwards fadeIn}.donut-segment{transform-origin:50%;transition:stroke-dasharray .5s ease-out,stroke-dashoffset .5s ease-out}.donut-segment:hover{filter:brightness(1.1)}.donut-center-text{opacity:0;animation:.5s ease-out .8s forwards scaleIn}.legend-dot{transition:transform var(--duration-normal)var(--ease-spring)}.legend-item:hover .legend-dot{transform:scale(1.3)}.chart-labels{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-top:1rem;font-size:.7rem;font-weight:700;display:flex}.donut-chart-wrapper{justify-content:center;align-items:center;height:18rem;margin-top:1rem;display:flex;position:relative}.donut-svg{width:14rem;height:14rem;transform:rotate(-90deg)}.donut-center-text{text-align:center;position:absolute}.donut-label{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.donut-value{margin:0;font-size:1.4rem;font-weight:700}.chart-legend{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.legend-item{justify-content:space-between;align-items:center;display:flex}.legend-info{align-items:center;gap:.5rem;display:flex}.legend-dot{border-radius:9999px;width:.5rem;height:.5rem}.legend-dot.blue{background-color:var(--blue-500)}.legend-dot.indigo{background-color:var(--indigo-600)}.legend-dot.orange{background-color:#fb923c}.legend-text{color:var(--text-secondary);font-size:.75rem;font-weight:500}.legend-value{font-size:.75rem;font-weight:700}.table-card{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all var(--duration-slow)var(--ease-spring);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:1rem;margin-bottom:2rem;padding:.5rem;position:relative;overflow:hidden}.table-card:before{content:"";background:linear-gradient(90deg,#0000,#2563eb0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.table-card:hover{box-shadow:var(--shadow-xl);border-color:#2563eb33}.table-card:hover:before{left:100%}.data-table tbody tr{border-top:1px solid var(--bg-color);transition:all var(--duration-normal)var(--ease-spring);animation:.4s ease-out both slideIn}.data-table tbody tr:first-child{animation-delay:50ms}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:.2s}.data-table tbody tr:nth-child(5){animation-delay:.25s}.data-table tbody tr:nth-child(6){animation-delay:.3s}.data-table tbody tr:hover{background-color:var(--bg-color);box-shadow:var(--shadow-md);transform:translate(-4px)}.table-header{border-bottom:1px solid var(--bg-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.table-actions{gap:.75rem;display:flex}.search-wrapper{position:relative}.search-icon{color:var(--text-muted);transition:color var(--duration-normal);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{background-color:var(--bg-color);border:1px solid var(--border-darker);width:14rem;transition:all var(--duration-normal)var(--ease-spring);border-radius:.625rem;outline:none;padding:.625rem 1rem .625rem 2.25rem;font-size:.85rem}.search-input:focus{background-color:var(--white);border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 0 0 3px #2563eb1a}.search-input:focus+.search-icon{color:var(--primary-blue)}.table-responsive{width:100%;overflow-x:auto}.data-table{text-align:left;border-collapse:collapse;width:100%}.data-table thead{background-color:var(--bg-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700}.data-table th{padding:1rem 1.5rem}.data-table tbody tr{border-top:1px solid var(--bg-color);transition:background-color .2s}.data-table tbody tr:hover{background-color:var(--bg-color)}.data-table td{padding:1rem 1.5rem}.lp-section{width:100%;margin-top:1.5rem;margin-bottom:2rem}.lp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.lp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.lp-header-text{flex:1;min-width:0}.lp-title{color:#1e293b;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.lp-subtitle{color:#64748b;margin:0;font-size:.875rem}.lp-toolbar{align-items:center;gap:.75rem;display:flex}.lp-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:160px;height:40px;padding:0 12px;font-size:.875rem;transition:border-color .2s,background .2s}.lp-input::placeholder{color:#94a3b8}.lp-input:focus{background:#fff;border-color:#cbd5e1}.lp-search-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:border-color .2s,background .2s;display:inline-flex}.lp-search-btn:hover{color:#475569;background:#fff;border-color:#cbd5e1}.lp-table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.lp-table{border-collapse:collapse;text-align:right;width:100%;min-width:800px}.lp-thead{background:#f8fafc}.lp-thead tr{border:1px solid #e2e8f0}.lp-th{color:#475569;white-space:nowrap;padding:14px 20px;font-size:.8125rem;font-weight:600}.lp-th--center{text-align:center}.lp-tbody .lp-row{border-bottom:1px solid #e5e7eb}.lp-tbody .lp-row:last-child{border-bottom:none}.lp-td{color:#1e293b;vertical-align:middle;padding:16px 20px;font-size:.875rem;font-weight:500}.lp-td--center{text-align:center}.lp-course{align-items:center;gap:14px;display:flex}.lp-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8125rem;font-weight:700;display:flex}.lp-avatar--bg-blue{background-color:#4f46e5}.lp-avatar--bg-purple{background-color:#c026d3}.lp-avatar--bg-orange{background-color:#ea580c}.lp-course-text{flex-direction:column;gap:2px;display:flex}.lp-course-title{color:#1e293b;font-size:.875rem;font-weight:600}.lp-course-meta{color:#64748b;font-size:.75rem;font-weight:400}.lp-completion{align-items:center;gap:10px;display:flex}.lp-completion-pct{color:#1e293b;min-width:28px;font-size:.8125rem;font-weight:600}.lp-completion-bar{background:#e2e8f0;border-radius:999px;width:100px;height:8px;overflow:hidden}.lp-completion-fill{border-radius:999px;min-width:0;height:100%;transition:width .25s}.lp-completion-fill--green{background:#10b981}.lp-completion-fill--orange{background:#f59e0b}.lp-cert--high{font-weight:600;color:#10b981!important}.lp-cert--low{font-weight:600;color:#f59e0b!important}.lp-rating{align-items:center;gap:4px;display:inline-flex}.lp-star{color:#facc15;flex-shrink:0}.lp-actions-wrap{display:inline-flex;position:relative}.lp-actions-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .2s,background .2s;display:inline-flex}.lp-actions-btn:hover{color:#475569;background:#f1f5f9}.lp-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;margin-top:4px;margin-left:4px;margin-right:0;padding:4px 0;animation:.2s ease-out fadeInDown;position:absolute;top:100%;left:100%;right:auto;box-shadow:0 10px 25px #0000001a}.lp-menu-item{color:#1e293b;cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:.8125rem;transition:background .15s;display:flex}.lp-menu-item:hover{background:#f8fafc}.lp-menu-item svg{color:#64748b;flex-shrink:0}.lp-empty{text-align:center;color:#64748b;font-size:.875rem;padding:2rem!important}.lp-cards-view{display:none}.lp-empty-cards{padding:1.5rem 1rem!important}.lp-mobile-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:.75rem;padding:1rem}.lp-mobile-card:last-child{margin-bottom:0}.lp-mobile-card__head{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.lp-mobile-card__title-wrap{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lp-mobile-card__title-wrap .lp-course-title{font-size:.9375rem}.lp-mobile-card__title-wrap .lp-course-meta{font-size:.75rem}.lp-mobile-card__body{flex-direction:column;gap:.5rem;display:flex}.lp-mobile-card__row{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.lp-mobile-card__label{color:#64748b;flex-shrink:0;font-weight:500}.lp-mobile-card__value{color:#1e293b;font-weight:600}.lp-mobile-card__completion{align-items:center;gap:8px;min-width:0;display:flex}.lp-mobile-card__completion .lp-completion-bar{flex:1;max-width:80px}.lp-menu--mobile{margin-left:4px;left:100%;right:auto}@media (max-width:768px){.lp-table-scroll{display:none!important}.lp-cards-view{display:block}}html.dark .lp-card{background:#1e293bfa;border-color:#47556999;box-shadow:0 2px 8px #00000026}html.dark .lp-title{color:#f1f5f9}html.dark .lp-subtitle{color:#94a3b8}html.dark .lp-input{color:#e2e8f0;background:#1e293be6;border-color:#475569b3}html.dark .lp-input:focus{background:#334155b3;border-color:#475569e6}html.dark .lp-search-btn{color:#cbd5e1;background:#1e293be6;border-color:#475569b3}html.dark .lp-search-btn:hover{color:#e2e8f0;background:#33415599}html.dark .lp-thead{background:#1e293be6}html.dark .lp-thead tr{border-bottom-color:#47556999}html.dark .lp-th{color:#cbd5e1}html.dark .lp-td{color:#e2e8f0}html.dark .lp-tbody .lp-row{border-bottom-color:#47556966}html.dark .lp-tbody .lp-row:hover{background:#3341554d}html.dark .lp-course-title{color:#f1f5f9}html.dark .lp-course-meta{color:#94a3b8}html.dark .lp-completion-pct{color:#cbd5e1}html.dark .lp-completion-bar{background:#47556980}html.dark .lp-actions-btn{color:#94a3b8}html.dark .lp-actions-btn:hover{color:#e2e8f0;background:#33415580}html.dark .lp-empty{color:#94a3b8}html.dark .lp-menu{background:#1e293bfa;border-color:#47556999}html.dark .lp-menu-item{color:#e2e8f0}html.dark .lp-menu-item:hover{background:#33415580}html.dark .lp-mobile-card{background:#1e293bcc;border-color:#47556999}html.dark .lp-mobile-card__head{border-bottom-color:#47556966}html.dark .lp-mobile-card__label{color:#94a3b8}html.dark .lp-mobile-card__value{color:#e2e8f0}.dashboard-bottom-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem;display:grid}html.dark .dashboard-bottom-cards{box-shadow:none!important;background:0 0!important;border:none!important}@media (max-width:900px){.dashboard-bottom-cards{grid-template-columns:1fr}}.bottom-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000f}.bottom-card__title{color:#1e293b;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.bottom-card__subtitle{color:#64748b;margin:0 0 1rem;font-size:.8125rem}.bottom-card__stats-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.bottom-card__stat-box{border-radius:10px;flex-direction:column;flex:1;gap:.25rem;min-width:80px;padding:.75rem 1rem;display:flex}.bottom-card__stat-box--green{background:#dcfce7}.bottom-card__stat-box--green .bottom-card__stat-value{color:#16a34a;font-size:1.25rem;font-weight:600}.bottom-card__stat-box--red{background:#fee2e2}.bottom-card__stat-box--red .bottom-card__stat-value{color:#dc2626;font-size:1.25rem;font-weight:600}.bottom-card__stat-box--blue{background:#dbeafe}.bottom-card__stat-box--blue .bottom-card__stat-value{color:#2563eb;font-size:1.25rem;font-weight:600}.bottom-card__stat-label{color:#1e293b;font-size:.75rem;font-weight:500}.bottom-card__list{flex-direction:column;gap:.5rem;display:flex}.bottom-card__list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.bottom-card__list-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bottom-card__list-item-icon--red{color:#dc2626;background:#fee2e2}.bottom-card__list-item-icon--orange{color:#d97706;background:#fef3c7}.bottom-card__list-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bottom-card__list-item-title{color:#1e293b;font-size:.875rem;font-weight:500}.bottom-card__list-item-sub{color:#64748b;font-size:.75rem}.bottom-card__link{color:#2563eb;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem 0;font-size:.8125rem;font-weight:600}.bottom-card__link:hover{text-decoration:underline}.bottom-card__link--green{color:#16a34a}.bottom-card__link--blue{color:#2563eb}.bottom-card__link--red{color:#dc2626}.bottom-card__empty{color:#64748b;margin:0;padding:.75rem 0;font-size:.8125rem}.bottom-card__insights{flex-direction:column;gap:.75rem;display:flex}.bottom-card__insight-item{border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.bottom-card__insight-item--green{background:#22c55e14;border-color:#22c55e33}.bottom-card__insight-item--green .bottom-card__insight-icon{color:#16a34a;background:#dcfce7}.bottom-card__insight-item--blue{background:#3b82f614;border-color:#3b82f633}.bottom-card__insight-item--blue .bottom-card__insight-icon{color:#2563eb;background:#dbeafe}.bottom-card__insight-item--red{background:#ef444414;border-color:#ef444433}.bottom-card__insight-item--red .bottom-card__insight-icon{color:#dc2626;background:#fee2e2}.bottom-card__insight-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bottom-card__insight-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bottom-card__insight-label{color:#1e293b;font-size:.9375rem;font-weight:500}.bottom-card__insight-sub{color:#64748b;font-size:.75rem}html.dark .bottom-card{background:#1e293bfa;border-color:#47556999;box-shadow:0 2px 8px #00000026}html.dark .bottom-card__title{color:#f1f5f9}html.dark .bottom-card__subtitle{color:#94a3b8}html.dark .bottom-card__stat-label{color:#cbd5e1}html.dark .bottom-card__stat-box--blue .bottom-card__stat-value{color:#e2e8f0}html.dark .bottom-card__stat-box--green .bottom-card__stat-value{color:#34d399}html.dark .bottom-card__stat-box--red .bottom-card__stat-value{color:#f87171}html.dark .bottom-card__list-item{background:#33415580;border-color:#47556980}html.dark .bottom-card__list-item-title{color:#f1f5f9}html.dark .bottom-card__list-item-sub{color:#94a3b8}html.dark .bottom-card__insight-label{color:#f1f5f9}html.dark .bottom-card__insight-sub{color:#cbd5e1}html.dark .bottom-card__link{color:#60a5fa}html.dark .bottom-card__link:hover{color:#93c5fd}.dashboard-two-columns{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;margin-top:1.5rem;display:grid}@media (max-width:1024px){.dashboard-two-columns{grid-template-columns:1fr}}.content-health-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-height:100%;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000f}.content-health-half .content-health-grid{flex:1;grid-template-columns:repeat(2,1fr);min-height:0}.content-health-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.content-health-title{color:#1e293b;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.content-health-subtitle{color:#64748b;margin:0;font-size:.8125rem}.content-health-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.content-health-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.content-health-tab:hover{color:#475569}.content-health-tab--active{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}.content-health-summary{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1rem;padding:.75rem 0;display:flex}.content-health-summary-item{flex-direction:column;gap:.25rem;display:flex}.content-health-summary-label{color:#64748b;font-size:.8125rem}.content-health-summary-value{color:#1e293b;font-size:1.125rem;font-weight:600}.content-health-empty{text-align:center;color:#64748b;grid-column:1/-1;padding:1.5rem;font-size:.9375rem}.content-health-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.content-health-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.content-health-card--warning{background:#fffbeb;border:1px solid #fcd34d}.content-health-card__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.content-health-card__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.content-health-card__status{border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.content-health-card__status--published{color:#10b981;background:#dcfce7}.content-health-card__status--draft,.content-health-card__status--archived{color:#6b7280;background:#f3f4f6}.content-health-card__title{color:#1e293b;margin:0;font-size:.9375rem;font-weight:500;line-height:1.35}.content-health-card__metrics{flex-direction:column;gap:.35rem;display:flex}.content-health-card__metric{justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.content-health-card__metric-label{color:#64748b}.content-health-card__metric-value{color:#1e293b;font-weight:500}.content-health-card__metric-value--healthy{color:#10b981}.content-health-card__metric-value--warning{color:#f59e0b}.content-health-card__metric-value--critical{color:#ef4444}.content-health-card__metric-value--muted{color:#94a3b8}.content-health-card__footer{border-top:1px solid #e5e7eb;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.content-health-card--warning .content-health-card__footer{border-top-color:#f59e0b4d}.content-health-card__footer-icon--green{color:#10b981;flex-shrink:0}.content-health-card__footer-text--green{color:#10b981;font-size:.8125rem;font-weight:500}.content-health-card__footer-icon--orange{color:#f59e0b;flex-shrink:0}.content-health-card__footer-text--orange{color:#f59e0b;font-size:.8125rem;font-weight:500}.content-health-card__publish-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:500}.content-health-card__publish-link:hover{text-decoration:underline}@media (max-width:640px){.content-health-header{flex-direction:column;align-items:stretch}.content-health-grid,.content-health-half .content-health-grid{grid-template-columns:1fr}}.quality-signals-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:1.25rem;min-height:100%;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000000f}.quality-signals-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.quality-signals-title{color:#1e293b;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.quality-signals-subtitle{color:#64748b;margin:0;font-size:.8125rem}.quality-signals-dropdown{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.quality-signals-rating{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.quality-signals-rating-left{flex-direction:column;gap:.35rem;display:flex}.quality-signals-rating-label{color:#1e293b;font-size:.875rem;font-weight:500}.quality-signals-stars-wrap{align-items:center;gap:.5rem;display:flex}.quality-signals-stars{color:#fbbf24;align-items:center;gap:2px;display:flex}.quality-signals-stars svg{flex-shrink:0}.quality-signals-star-half{width:10px;height:18px;display:inline-flex;position:relative;overflow:hidden}.quality-signals-star-half svg{width:18px;height:18px;position:absolute;top:0;left:0}.quality-signals-reviews-count{color:#64748b;font-size:.8125rem}.quality-signals-rating-value{color:#1e293b;flex-shrink:0;font-size:1.75rem;font-weight:700}.quality-signals-unrated{color:#64748b;margin-right:.35rem;font-size:.8125rem}.quality-signals-empty{text-align:center;color:#64748b;padding:1rem;font-size:.9375rem}.quality-signals-feedback-list{flex-direction:column;gap:.75rem;display:flex}.quality-signals-feedback-item{border-radius:10px;flex-direction:column;gap:.4rem;padding:.75rem 1rem;display:flex}.quality-signals-feedback--negative{background:#fef2f2;border:1px solid #f5c6c6}.quality-signals-feedback--warning{background:#fffbeb;border:1px solid #fde68a}.quality-signals-feedback--positive{background:#f0fdf4;border:1px solid #bbf7d0}.quality-signals-feedback-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quality-signals-feedback-stars{flex-shrink:0;gap:2px;display:flex}.quality-signals-feedback--negative .quality-signals-feedback-stars{color:#ef4444}.quality-signals-feedback--warning .quality-signals-feedback-stars{color:#f59e0b}.quality-signals-feedback--positive .quality-signals-feedback-stars{color:#10b981}.quality-signals-feedback-course{color:#1e293b;font-size:.8125rem;font-weight:600}.quality-signals-feedback-text{color:#475569;margin:0;font-size:.8125rem;font-style:italic;line-height:1.45}.quality-signals-feedback-summary{color:#64748b;font-size:.75rem}html.dark .content-health-section{background:#1e293bfa;border-color:#47556999;box-shadow:0 2px 8px #00000026}html.dark .content-health-title{color:#f1f5f9}html.dark .content-health-subtitle{color:#cbd5e1}html.dark .content-health-tab{color:#94a3b8}html.dark .content-health-tab:hover{color:#cbd5e1}html.dark .content-health-tab--active{color:#f1f5f9;background:#334155cc;border-color:#475569cc}html.dark .content-health-card{background:#1e293b99;border-color:#47556980}html.dark .content-health-card--warning{background:#f59e0b1f;border-color:#f59e0b}html.dark .content-health-card__title{color:#f1f5f9}html.dark .content-health-card__metric-label{color:#94a3b8}html.dark .content-health-card__metric-value{color:#e2e8f0}html.dark .content-health-card__footer{border-top-color:#47556980}html.dark .content-health-card__publish-link{color:#60a5fa}html.dark .content-health-card__publish-link:hover{color:#93c5fd}html.dark .quality-signals-section{background:#1e293bfa;border-color:#47556999}html.dark .quality-signals-title{color:#f1f5f9}html.dark .quality-signals-subtitle{color:#cbd5e1}html.dark .quality-signals-dropdown{color:#cbd5e1;background:#334155cc;border-color:#475569cc}html.dark .quality-signals-rating-label,html.dark .quality-signals-reviews-count{color:#94a3b8}html.dark .quality-signals-rating-value{color:#f1f5f9}html.dark .quality-signals-rating{border-bottom-color:#47556980}html.dark .quality-signals-feedback-item{border-color:#47556966}html.dark .quality-signals-feedback--negative{background:#7f1d1d4d}html.dark .quality-signals-feedback--warning{background:#78350f4d}html.dark .quality-signals-feedback--positive{background:#14532d4d}html.dark .quality-signals-feedback-course{color:#e2e8f0}html.dark .quality-signals-feedback-text{color:#cbd5e1}html.dark .quality-signals-feedback-summary{color:#94a3b8}.certification-status-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-top:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000f}.certification-status-title{color:#1e293b;margin:0 0 1.25rem;font-size:1.125rem;font-weight:600}.certification-status-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.certification-status-card{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.25rem;display:flex}.certification-status-card--issued{background:#ecfdf5}.certification-status-card--issued .certification-status-value{color:#059669}.certification-status-card--progress{background:#eff6ff}.certification-status-card--progress .certification-status-value{color:#2563eb}.certification-status-card--unclaimed{background:#fff7ed}.certification-status-card--unclaimed .certification-status-value{color:#ea580c}.certification-status-value{font-size:1.5rem;font-weight:700;line-height:1.2}.certification-status-label{color:#1e293b;font-size:.875rem;font-weight:400}@media (max-width:640px){.certification-status-cards{grid-template-columns:1fr}}html.dark .certification-status-section{background:#1e293bfa;border-color:#47556999}html.dark .certification-status-title{color:#f1f5f9}html.dark .certification-status-card--issued{background:#10b98126}html.dark .certification-status-card--issued .certification-status-value{color:#10b981}html.dark .certification-status-card--progress{background:#3b82f626}html.dark .certification-status-card--progress .certification-status-value{color:#3b82f6}html.dark .certification-status-card--unclaimed{background:#ea580c26}html.dark .certification-status-card--unclaimed .certification-status-value{color:#f97316}html.dark .certification-status-label{color:#e2e8f0}.course-icon{width:2.25rem;height:2.25rem;color:var(--white);transition:transform var(--duration-normal)var(--ease-spring);border-radius:.5rem;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:relative;overflow:hidden}.course-name{color:1f2937;white-space:normal;word-wrap:break-word;margin:0;font-size:1rem;font-weight:700}.text-bold{color:var(--text-secondary);font-size:.85rem;font-weight:700}.progress-wrapper{align-items:center;gap:.75rem;display:flex}.progress-track{background-color:var(--border-color);border-radius:9999px;flex:1;min-width:80px;height:.5rem;position:relative;overflow:hidden}.progress-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.progress-text{color:var(--text-secondary);font-size:.7rem;font-weight:700}.rating-cell{color:var(--yellow-500);align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;display:flex}.star-icon{transition:transform var(--duration-normal)var(--ease-spring)}.rating-cell:hover .star-icon{transform:scale(1.2)}.star-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.text-medium{color:var(--text-secondary);font-size:.85rem;font-weight:500}.action-cell{color:var(--text-muted)}.action-cell svg{cursor:pointer}.bottom-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;padding:.75rem;display:grid}@media (min-width:1024px){.bottom-grid{grid-template-columns:repeat(2,1fr)}}.signal{margin-top:20px;padding:.5rem}.card{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:all var(--duration-slow)var(--ease-spring);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:1rem;margin-bottom:.5rem;padding:2rem;position:relative;overflow:hidden;transform:translateZ(0)}.card:before{content:"";background:linear-gradient(90deg,#0000,#2563eb0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card:hover{box-shadow:var(--shadow-xl);border-color:#2563eb33;transform:translateY(-4px)}.card:hover:before{left:100%}.hover-lift{transition:transform var(--duration-normal)var(--ease-spring)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--duration-normal)var(--ease-spring)}.hover-scale:hover{transform:scale(1.05)}.pulse-on-hover{transition:all var(--duration-normal)var(--ease-spring)}.pulse-on-hover:hover{box-shadow:var(--shadow-lg);animation:1s ease-in-out pulse}.slide-in{opacity:0;animation:.4s ease-out forwards slideIn}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.quiz-stats-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:.5rem;display:grid}.stat-box{text-align:center;border-radius:.75rem;margin-bottom:.5rem;padding:2rem}.stat-box-value{margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.stat-box-label{text-transform:uppercase;margin:.5rem 0 0;font-size:.7rem;font-weight:700}.quiz-alerts{flex-direction:column;gap:.75rem;padding:.5rem;display:flex}.alert-item{border:1px solid;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1.25rem;display:flex}.alert-item.bg-red-50{border-color:#fee2e2}.alert-item.bg-orange-50{border-color:#ffedd5}.alert-content{align-items:center;gap:.75rem;display:flex}.alert-icon{background-color:var(--white);border-radius:.25rem;padding:.375rem}.alert-title{color:1f2937;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.alert-sub{color:var(--text-secondary);margin:.5rem 0 0;font-size:.7rem}.link-btn{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;font-size:.7rem;font-weight:700}.link-btn:hover{text-decoration:underline}.insights-list{flex-direction:column;gap:.75rem;padding:.5rem;display:flex}.insight-item{border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:2rem;display:flex}.insight-info{align-items:center;gap:1rem;display:flex}.insight-icon{border-radius:9999px;padding:.5rem}.insight-label{color:1f2937;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.insight-sub{color:var(--text-secondary);margin:.5rem 0 0;font-size:.7rem;font-weight:500}.header-with-tabs{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.course-health,.course-health.card,.course-health.glass-card{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important}.course-health.card:hover,.course-health.glass-card:hover{transform:none;box-shadow:none!important;border-color:#0000!important}.course-health:before,.course-health.card:before,.course-health.glass-card:before{display:none!important}.course-health{transition:all var(--duration-slow)var(--ease-spring);padding:.5rem;position:relative;overflow:visible;transform:translateZ(0)}.text-tabs{color:var(--text-muted);gap:1rem;font-size:.7rem;font-weight:700;display:flex}.text-tab{cursor:pointer;padding:.25rem .5rem}.text-tab:hover{color:var(--text-secondary)}.text-tab.active{color:var(--primary-blue);border-bottom:2px solid var(--primary-blue);padding-bottom:.25rem}.course-health-grid{background:0 0;grid-template-columns:1fr;gap:1rem;padding:.5rem;display:grid}@media (min-width:640px){.course-health-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.course-health-grid{grid-template-columns:repeat(4,1fr)}}.health-card{border:1px solid var(--border-color);transition:all var(--duration-slow)var(--ease-spring);border-radius:1rem;margin-bottom:.5rem;padding:2.25rem;position:relative;overflow:hidden;transform:translateZ(0)}.health-card:before{content:"";background:linear-gradient(90deg,#0000,#2563eb0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.health-card:hover{box-shadow:var(--shadow-xl);border-color:#2563eb33;transform:translateY(-6px)scale(1.02)}.health-card:hover:before{left:100%}.health-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem;display:flex}.health-icon{border-radius:.5rem;padding:.5rem}.status-badge{text-transform:uppercase;border-radius:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-size:10px;font-weight:700}.status-published{background-color:var(--green-50);color:var(--green-600)}.status-draft{background-color:var(--border-color);color:var(--text-secondary)}.health-title{color:1f2937;margin:0 0 .75rem .5rem;font-size:.85rem;font-weight:700}.health-stats{flex-direction:column;gap:.375rem;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem;display:flex}.health-stat-row{justify-content:space-between;padding:.25rem 0;font-size:.7rem;display:flex}.health-stat-row .label{color:var(--text-muted)}.health-stat-row .value{font-weight:700}.health-footer{align-items:center;gap:.375rem;margin-left:.5rem;margin-right:.5rem;font-size:10px;font-weight:700;display:flex}.final-row-grid{grid-template-columns:1fr;gap:1.5rem;padding:.5rem;display:grid}@media (min-width:1024px){.final-row-grid{grid-template-columns:repeat(3,1fr)}}.left-column{flex-direction:column;grid-column:span 1;gap:1.5rem;margin-top:20px;padding:.5rem;display:flex}@media (min-width:1024px){.left-column{grid-column:span 2}}.featured-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem;display:grid}.feature-box{border:1px solid;border-radius:.75rem;margin-bottom:.5rem;padding:2rem}.box-emerald{background-color:#ecfdf580;border-color:#d1fae5}.box-red{background-color:#fef2f280;border-color:#fee2e2}.feature-title{margin:0 0 1rem .5rem;font-size:.85rem;font-weight:700}.text-emerald-700{color:#047857;margin-left:.5rem;margin-right:.5rem}.text-red-700{color:#b91c1c;margin-left:.5rem;margin-right:.5rem}.placeholder-chart{background-color:#ffffff80;border:1px dashed;border-radius:.5rem;height:6rem}.placeholder-emerald{border-color:#a7f3d0}.placeholder-red{border-color:#fecaca}.cert-stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:.5rem;padding:1.5rem;display:grid}.header-with-action{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.dropdown-btn{color:var(--text-muted);border:1px solid var(--border-darker);cursor:pointer;background:#fff;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700;display:flex}.quality-rating-main{justify-content:space-between;align-items:center;margin:1.5rem;display:flex}.rating-label{color:1f2937;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.rating-big-score{color:1f2937;margin:0 0 .5rem;font-size:2.1rem;font-weight:700}.stars-wrapper{align-items:center;gap:.25rem;margin-top:.5rem;margin-bottom:.5rem;display:flex}.rating-count{color:var(--text-muted);margin-left:.5rem;margin-right:.25rem;font-size:.7rem}.feedback-list{flex-direction:column;gap:1rem;padding:.5rem;display:flex}.feedback-item{border-radius:.5rem;margin-bottom:.5rem;padding:2rem}.feedback-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;margin-left:.5rem;margin-right:.5rem;display:flex}.feedback-stars{gap:.125rem;display:flex}.feedback-course{color:1f2937;margin-bottom:.5rem;font-size:10px;font-weight:700}.feedback-comment{color:374151;margin:.5rem 0;font-size:.7rem;font-style:italic;font-weight:500}.feedback-count{color:var(--text-muted);margin:.25rem .5rem 0;font-size:10px}.bg-blue-50{background-color:var(--blue-50)}.text-blue-600{color:var(--blue-600)}.bg-green-50{background-color:var(--green-50)}.text-green-600{color:var(--green-600)}.bg-green-500{background-color:var(--green-500)}.bg-indigo-50{background-color:var(--indigo-50)}.text-indigo-600{color:var(--indigo-600)}.bg-orange-50{background-color:var(--orange-50)}.text-orange-600{color:var(--orange-600)}.bg-orange-500{background-color:var(--orange-500)}.bg-emerald-50{background-color:var(--emerald-50)}.text-emerald-600{color:var(--emerald-600)}.bg-purple-50{background-color:var(--purple-50)}.text-purple-600{color:var(--purple-600)}.bg-red-50{background-color:var(--red-50)}.text-red-600{color:var(--red-600)}.bg-red-500{background-color:var(--red-500)}.bg-yellow-50{background-color:var(--yellow-50)}.text-yellow-600{color:var(--yellow-600)}.text-yellow-500{color:var(--yellow-500)}.text-gray-200{color:#e5e7eb}html.dark .dashboard-container{background:0 0!important}html.dark .stat-card:hover{border-color:#475569cc;box-shadow:0 4px 12px #0003}html.dark .overview-stat-card{background:#1e293bfa;border-color:#47556999;box-shadow:0 2px 8px #00000026}html.dark .overview-stat-card:hover{border-color:#475569cc;box-shadow:0 4px 12px #0003}html.dark .overview-stat-card__value{color:#f1f5f9}html.dark .overview-stat-card__label{color:#cbd5e1}html.dark .chart-container,html.dark .glass-card,html.dark .engagement-card-design{background:#1e293bfa;border-color:#47556999;box-shadow:0 2px 8px #00000026}html.dark .engagement-chart-title{color:var(--text-light)}html.dark .engagement-chart-subtitle,html.dark .engagement-time-btn{color:var(--text-muted)}html.dark .engagement-time-btn:hover{color:var(--primary-green)}html.dark .engagement-time-btn.active{background:var(--status-info-bg);color:var(--primary-green);border-color:var(--primary-green)}html.dark .engagement-chart-label{color:var(--text-muted)}html.dark .course-health,html.dark .course-health.card,html.dark .course-health.glass-card{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .chart-container:hover,html.dark .glass-card:hover{border-color:var(--primary-green)}html.dark .glass-effect{border-color:var(--border-color);background:#1e2439b3}html.dark .card-title{color:var(--text-light)}html.dark .notification-dot{border-color:var(--bg-white)}html.dark .neon-line{background:linear-gradient(to bottom,transparent,var(--primary-green),transparent);box-shadow:0 0 10px #22c55e66,0 0 20px #22c55e33}html.dark .glass-effect{border:1px solid var(--border-color);background:#1e2439e6!important}html.dark .dashboard-header-actions .btn.btn-secondary.glass-effect,html.dark .btn.btn-secondary.glass-effect{border-color:var(--border-color);color:var(--text-light);background:var(--bg-white)!important;background-color:var(--bg-white)!important}html.dark .dashboard-header-actions .btn.btn-secondary.glass-effect:hover,html.dark .btn.btn-secondary.glass-effect:hover{color:var(--primary-green);background:var(--bg-light)!important;background-color:var(--bg-light)!important}html.dark .dashboard-header-actions .btn.btn-secondary .btn-icon,html.dark .dashboard-header-actions .btn.btn-secondary .chevron,html.dark .btn.btn-secondary .btn-icon,html.dark .btn.btn-secondary .chevron,html.dark .dashboard-header-actions .btn.btn-secondary svg,html.dark .btn.btn-secondary.glass-effect svg{color:inherit;stroke:currentColor}html.dark .dashboard-header-actions .btn.btn-primary.gradient-btn,html.dark .btn.btn-primary.gradient-btn{border-color:#0000;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light))!important;background-color:var(--primary-green)!important;color:#fff!important}html.dark .dashboard-header-actions .btn.btn-primary.gradient-btn .btn-icon,html.dark .dashboard-header-actions .btn.btn-primary.gradient-btn span,html.dark .btn.btn-primary.gradient-btn .btn-icon,html.dark .btn.btn-primary.gradient-btn span{color:#fff!important}html.dark .dashboard-header-actions .btn.btn-primary.gradient-btn svg,html.dark .btn.btn-primary.gradient-btn svg{stroke:currentColor;color:#fff!important}html.dark .btn.btn-primary.gradient-btn:hover{box-shadow:var(--shadow-green);background:linear-gradient(135deg,var(--primary-green-light),var(--primary-green))!important}html.dark .btn-secondary,html.dark .btn-secondary.glass-effect{background-color:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .btn-secondary:hover{background-color:var(--bg-light);color:var(--primary-green)}html.dark .btn-secondary .btn-icon,html.dark .btn-secondary .chevron{color:inherit}html.dark .btn-primary,html.dark .gradient-btn{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff}html.dark .btn-primary:hover,html.dark .gradient-btn:hover{box-shadow:var(--shadow-green)}html.dark .btn-icon-only{background-color:var(--bg-white);border-color:var(--border-color);color:var(--text-muted)}html.dark .btn-icon-only:hover{background-color:var(--bg-light);color:var(--primary-green)}html.dark .notification-bell{background-color:var(--bg-white);border-color:var(--border-color);color:var(--text-muted)}html.dark .notification-bell:hover{background-color:var(--bg-light);color:var(--primary-green)}html.dark .stat-box{background-color:var(--bg-white);border:1px solid var(--border-color)}html.dark .stat-box.bg-green-50{background-color:var(--green-50);border-color:#22c55e4d}html.dark .stat-box.bg-red-50{background-color:var(--red-50);border-color:#ef44444d}html.dark .stat-box.bg-blue-50{background-color:var(--blue-50);border-color:#3b82f64d}html.dark .stat-box.bg-orange-50{background-color:var(--orange-50);border-color:#f973164d}html.dark .stat-box-value,html.dark .stat-box-label{color:var(--text-light)}html.dark .alert-item{background-color:var(--bg-white);border-color:var(--border-color)}html.dark .alert-item.bg-red-50{background-color:var(--red-50);border-color:#ef444459}html.dark .alert-item.bg-orange-50{background-color:var(--orange-50);border-color:#f9731659}html.dark .alert-title,html.dark .alert-sub{color:var(--text-light)}html.dark .insight-item{background-color:var(--bg-white);border-color:var(--border-color)}html.dark .insight-item.bg-green-50{background-color:var(--green-50)}html.dark .insight-item.bg-red-50{background-color:var(--red-50)}html.dark .insight-item.bg-blue-50{background-color:var(--blue-50)}html.dark .insight-icon{background-color:var(--bg-light)}html.dark .insight-icon.bg-green-50{background-color:var(--green-50)}html.dark .insight-icon.bg-red-50{background-color:var(--red-50)}html.dark .insight-icon.bg-blue-50{background-color:var(--blue-50)}html.dark .insight-label,html.dark .insight-sub{color:var(--text-light)}html.dark .health-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .health-icon{background-color:var(--bg-light)}html.dark .health-icon.bg-blue-50{background-color:var(--blue-50)}html.dark .health-icon.bg-purple-50{background-color:var(--purple-50)}html.dark .health-icon.bg-orange-50{background-color:var(--orange-50)}html.dark .health-icon.bg-emerald-50{background-color:var(--emerald-50)}html.dark .health-title,html.dark .health-stat-row .label,html.dark .health-stat-row .value{color:var(--text-light)}html.dark .feature-box.box-emerald{background-color:var(--emerald-50);border-color:#10b98166}html.dark .feature-box.box-red{background-color:var(--red-50);border-color:#ef444466}html.dark .feature-title{color:var(--text-light)}html.dark .feature-title.text-emerald-700{color:#34d399}html.dark .feature-title.text-red-700{color:#f87171}html.dark .dropdown-btn.glass-effect{border-color:var(--border-color);color:var(--text-light);background:#1e2439d9}html.dark .quality-rating-main,html.dark .rating-label,html.dark .rating-count,html.dark .rating-big-score,html.dark .donut-value{color:var(--text-light)}html.dark .feedback-item{background-color:var(--bg-white);border-color:var(--border-color)}html.dark .feedback-item.bg-red-50{background-color:var(--red-50)}html.dark .feedback-item.bg-yellow-50{background-color:var(--yellow-50)}html.dark .feedback-item.bg-green-50{background-color:var(--green-50)}html.dark .feedback-course,html.dark .feedback-comment,html.dark .feedback-count{color:var(--text-light)}html.dark .table-card{background:#1e293bfa;border-color:#47556999;box-shadow:0 2px 8px #00000026}html.dark .table-card:hover{border-color:#475569cc;box-shadow:0 4px 12px #0003}html.dark .search-input{background-color:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .search-input:focus{border-color:var(--primary-green)}html.dark .data-table thead{color:#cbd5e1;background-color:#1e293be6}html.dark .data-table tbody tr:hover{background-color:#33415566}html.dark .link-btn{color:var(--primary-green)}.dashboard-stats-cards{grid-template-columns:1fr;align-items:stretch;gap:1rem;width:100%;max-width:none;margin-bottom:1.5rem;padding:.5rem;display:grid;background:0 0!important}@media (min-width:640px){.dashboard-stats-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.dashboard-stats-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.dashboard-stats-cards{grid-template-columns:repeat(5,1fr);gap:1.5rem}}.dashboard-stat-card{text-align:right;direction:rtl;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:0;width:100%;min-width:0;height:100%;min-height:160px;padding:1.5rem 1.25rem;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.dashboard-stat-card__header{flex-shrink:0;width:100%;min-height:48px;margin-bottom:.75rem;position:relative}.dashboard-stat-card__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.dashboard-stat-card__icon.bg-blue-50{background-color:#e0f0ff}.dashboard-stat-card__icon.bg-green-50{background-color:#e6ffe6}.dashboard-stat-card__icon.bg-indigo-50{background-color:#e0e0ff}.dashboard-stat-card__icon.bg-orange-50{background-color:#fff0e0}.dashboard-stat-card__icon.bg-emerald-50{background-color:#e6ffe6}.dashboard-stat-card__icon.text-blue-600{color:#2563eb}.dashboard-stat-card__icon.text-green-600{color:#16a34a}.dashboard-stat-card__icon.text-indigo-600{color:#4f46e5}.dashboard-stat-card__icon.text-orange-600{color:#ea580c}.dashboard-stat-card__icon.text-emerald-600{color:#059669}.dashboard-stat-card__icon-img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;flex-shrink:0;width:1.5rem;max-width:100%;height:1.5rem;max-height:100%;display:block}.dashboard-stat-card__trend{align-items:center;gap:.2rem;font-size:.6875rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.dashboard-stat-card__trend.trend-up{color:#16a34a}.dashboard-stat-card__trend.trend-down{color:#dc2626}.dashboard-stat-card__trend-icon{flex-shrink:0;width:12px;height:12px}.dashboard-stat-card__content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding-top:.25rem;display:flex}.dashboard-stat-card__value{color:#111827;letter-spacing:-.03em;font-size:1.75rem;font-weight:700;line-height:1.15}.dashboard-stat-card__label{color:#6b7280;overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:.8125rem;font-weight:400;line-height:1.4}.dashboard-stats-cards.fade-in-on-load .dashboard-stat-card:first-child{opacity:0;animation:.5s ease-out .1s forwards fadeInUp}.dashboard-stats-cards.fade-in-on-load .dashboard-stat-card:nth-child(2){opacity:0;animation:.5s ease-out .15s forwards fadeInUp}.dashboard-stats-cards.fade-in-on-load .dashboard-stat-card:nth-child(3){opacity:0;animation:.5s ease-out .2s forwards fadeInUp}.dashboard-stats-cards.fade-in-on-load .dashboard-stat-card:nth-child(4){opacity:0;animation:.5s ease-out .25s forwards fadeInUp}.dashboard-stats-cards.fade-in-on-load .dashboard-stat-card:nth-child(5){opacity:0;animation:.5s ease-out .3s forwards fadeInUp}.paths-container{background:#f9fafb;width:100%;max-width:100%;min-height:100%}.paths-header{box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.paths-header h1{color:#4972e5;margin:0;font-size:1.375rem;font-weight:600}.paths-filters{background:#fff;border-radius:16px;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000a}.paths-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.75rem;display:grid}.path-card{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:row;min-height:160px;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f}.path-card-content{order:1}.path-card-accent{order:2}[dir=rtl] .path-card-accent{order:1}[dir=rtl] .path-card-content{order:2}.path-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001a}.path-card-menu-open{z-index:200;overflow:visible}.path-card-accent{border-radius:0 16px 16px 0;flex-shrink:0;width:4px;min-height:100%}.path-card-content{flex-direction:column;flex:1;gap:.5rem;min-width:0;padding:1rem 1.25rem 1.25rem;display:flex}.path-card-row1{flex-direction:row;align-items:center;gap:.75rem;min-height:48px;display:flex}.path-card-menu-wrap{flex-shrink:0;margin-inline-start:auto;position:relative;overflow:visible}.path-card-row1 .path-card-title{color:#1e293b;text-align:right;flex:1;min-width:0;margin:0;padding:0;font-size:.9375rem;font-weight:600;line-height:1.4}.path-card-icon-box{width:48px;height:48px;box-shadow:none;border:none;border-radius:12px;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.path-card-icon-box-img{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();width:28px;height:28px;display:block;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.path-card-icon-box-img:focus,.path-card-icon-box-img:focus-visible{border:none!important;outline:none!important}.path-card-icon-box-svg{color:#fff;opacity:1}.path-card-menu-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .25s,background .25s,transform .2s;display:flex}.path-card-menu-btn:hover{color:#4972e5;background:#f1f5f9;transform:scale(1.05)}.path-card-menu-btn:active{transform:scale(.98)}.path-card-menu-open .path-card-menu-btn{color:#4972e5;background:#4972e51a}.path-card-action-menu{z-index:1000;transform-origin:100% 0;background:#fff;border-radius:16px;min-width:180px;margin-bottom:0;margin-left:4px;margin-right:0;animation:.25s cubic-bezier(.34,1.2,.64,1) pathCardMenuOpen;position:absolute;top:0;left:100%;right:auto;overflow:hidden;box-shadow:0 10px 40px #0000001f}@keyframes pathCardMenuOpen{0%{opacity:0;transform:translate(-8px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.path-card-action-item{text-align:right;cursor:pointer;color:#334155;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:13px;font-weight:500;transition:background .25s,color .25s,padding-inline-end .2s;display:flex}.path-card-action-item:hover{padding-inline-end:18px}.path-card-action-item:first-child{border-radius:16px 16px 0 0}.path-card-action-item:last-child{border-radius:0 0 16px 16px}.path-action-view{color:#475569}.path-action-view:hover{color:#2563eb;background:#4299e91a}.path-action-view:hover svg{color:#2563eb}.path-action-edit{color:#475569}.path-action-edit:hover{color:#0d9488;background:#38b2ac1a}.path-action-edit:hover svg{color:#0d9488}.path-action-delete{color:#475569}.path-action-delete:hover{color:#dc2626;background:#ef44441a}.path-action-delete:hover svg{color:#dc2626}.path-card-description{color:#64748b;text-align:right;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 .75rem;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.path-card-meta{color:#475569;flex-direction:row;align-items:center;gap:1rem;margin-top:auto;font-size:.8125rem;font-weight:500;display:flex}.path-card-meta-item{align-items:center;gap:.4rem;display:inline-flex}.path-card-meta-item svg{flex-shrink:0}.path-card-meta-icon{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:14px;height:14px;display:block}.path-card-meta-item--accent,.path-card-meta-item--accent svg{color:#4972e5}.path-what-you-learn{background:#f7f9fc;border-radius:8px;margin-bottom:1rem;padding:.75rem}.what-you-learn-label{color:#4972e5;margin-bottom:.25rem;font-size:12px;font-weight:600;display:block}.what-you-learn-value{color:#4a5568;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.path-meta{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.path-meta-item{align-items:center;gap:.5rem;font-size:13px;display:flex}.path-meta-label{color:#718096;min-width:80px}.path-meta-value{color:#2d3748;font-weight:500}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.path-detail-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.2s pathDetailFadeIn;display:flex;position:fixed!important;inset:0!important}@keyframes pathDetailFadeIn{0%{opacity:0}to{opacity:1}}.path-detail-dialog{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:720px;max-height:calc(100vh - 2rem);animation:.3s cubic-bezier(.34,1.56,.64,1) pathDetailSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014}@keyframes pathDetailSlideIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.path-detail-header{color:#fff;background:linear-gradient(135deg,#4972e5 0%,#5b82f0 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.path-detail-title{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.path-detail-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s,transform .2s;display:flex}.path-detail-close:hover{background:#ffffff4d;transform:scale(1.05)}.path-detail-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.path-detail-hero{align-items:flex-start;gap:1.25rem;display:flex}.path-detail-cover{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:100px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000001a}.path-detail-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.path-detail-cover-icon{color:#fffffff2;justify-content:center;align-items:center;display:flex}.path-detail-hero-text{flex:1;min-width:0}.path-detail-name{color:#1e293b;margin:0 0 .5rem;font-size:1.35rem;font-weight:700;line-height:1.3}.path-detail-desc{color:#64748b;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.path-detail-badges{flex-wrap:wrap;gap:.5rem;display:flex}.path-detail-badge{border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.path-detail-badge-courses{color:#4972e5;background:#4972e51f}.path-detail-badge-date{color:#64748b;background:#f1f5f9}.path-detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem}.path-detail-section-title{color:#4972e5;margin:0 0 .75rem;font-size:1rem;font-weight:700}.path-detail-learn-text{color:#475569;margin:0;font-size:.9375rem;line-height:1.6}.path-detail-course-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.path-detail-course-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:box-shadow .2s,border-color .2s;display:flex}.path-detail-course-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.path-detail-course-num{color:#fff;background:linear-gradient(135deg,#4972e5,#6b8eff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.path-detail-course-content{flex:1;min-width:0}.path-detail-course-title{color:#1e293b;margin:0 0 .35rem;font-size:1rem;font-weight:600}.path-detail-course-desc{color:#64748b;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.path-detail-course-meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.path-detail-course-level{color:#16a34a;background:#22c55e1f;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.path-detail-course-duration{color:#64748b;font-size:.75rem}.path-detail-course-price{color:#4972e5;font-size:.8125rem;font-weight:600}.path-detail-course-free{color:#16a34a;background:#22c55e1f;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.path-detail-footer{background:#fafbfc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.path-detail-btn{cursor:pointer;border:none;border-radius:12px;padding:.65rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .2s,transform .2s}.path-detail-btn-close{color:#475569;background:#e2e8f0}.path-detail-btn-close:hover{background:#cbd5e1;transform:translateY(-1px)}@media (max-width:640px){.path-detail-overlay{align-items:flex-end;padding:.75rem}.path-detail-dialog{border-radius:20px 20px 0 0;max-height:92vh}.path-detail-header{padding:1rem 1.25rem}.path-detail-title{font-size:1.1rem}.path-detail-body{gap:1.25rem;padding:1.25rem}.path-detail-hero{flex-direction:column;align-items:stretch}.path-detail-cover{width:100%;height:140px}.path-detail-name{font-size:1.2rem}.path-detail-section{padding:1rem}.path-detail-course-item{flex-direction:column;gap:.75rem}.path-detail-course-num{width:28px;height:28px;font-size:.8125rem}.path-detail-footer{padding:.875rem 1.25rem}}@media (max-width:768px){.paths-grid{grid-template-columns:1fr}.paths-header{flex-direction:column;align-items:stretch;gap:1rem}.btn-primary{justify-content:center;width:100%}.modal-content{max-width:100%;margin:1rem}}html.dark .paths-container{background:0 0}html.dark .paths-header{box-shadow:none;background:0 0;border:none}html.dark .paths-header h1{color:var(--primary-green)}html.dark .paths-filters{background:var(--bg-white);border:1px solid var(--border-color)}html.dark .path-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .path-card:hover{border-color:var(--primary-green)}html.dark .path-title{color:var(--text-light)}html.dark .path-description,html.dark .path-meta-label,html.dark .path-meta-value{color:var(--text-muted)}html.dark .path-what-you-learn{background:var(--bg-light);border-color:var(--border-color)}html.dark .what-you-learn-label{color:var(--primary-green)}html.dark .what-you-learn-value{color:var(--text-light)}html.dark .path-footer{border-top-color:var(--border-color)}html.dark .path-meta-item{color:var(--text-light)}html.dark .btn-icon{background:var(--bg-light);color:var(--text-light);border-color:var(--border-color)}html.dark .btn-icon:hover{background:var(--primary-green);color:#fff}html.dark .modal-overlay{background:#000000a6}html.dark .modal-content{background:var(--bg-white);border:1px solid var(--border-color)}html.dark .modal-header{border-bottom-color:var(--border-color);background:var(--bg-light)}html.dark .modal-header h2{color:var(--primary-green)}html.dark .modal-body{background:var(--bg-white)}html.dark .modal-footer{border-top-color:var(--border-color);background:var(--bg-white)}html.dark .btn-close{background:var(--bg-light);color:var(--text-muted);border-color:var(--border-color)}html.dark .btn-close:hover{background:var(--status-error);color:#fff}html.dark .btn-secondary:hover{background:var(--border-color)}html.dark .path-detail-overlay{background:#0009}html.dark .path-detail-dialog{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:0 24px 48px #00000059}html.dark .path-detail-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%)}html.dark .path-detail-title{color:#fff}html.dark .path-detail-close{color:#fff;background:#ffffff26}html.dark .path-detail-close:hover{background:#ffffff40}html.dark .path-detail-body{background:var(--bg-white)}html.dark .path-detail-name{color:var(--text-light)}html.dark .path-detail-desc{color:var(--text-muted)}html.dark .path-detail-badge-courses{color:var(--primary-green);background:#3886f433}html.dark .path-detail-badge-date{background:var(--bg-light);color:var(--text-muted);border:1px solid var(--border-color)}html.dark .path-detail-section{background:var(--bg-light);border-color:var(--border-color)}html.dark .path-detail-section-title{color:var(--primary-green)}html.dark .path-detail-learn-text{color:var(--text-muted)}html.dark .path-detail-course-item{background:var(--bg-white);border-color:var(--border-color)}html.dark .path-detail-course-item:hover{border-color:var(--border-color);box-shadow:0 4px 12px #00000026}html.dark .path-detail-course-num{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light))}html.dark .path-detail-course-title{color:var(--text-light)}html.dark .path-detail-course-desc,html.dark .path-detail-course-duration{color:var(--text-muted)}html.dark .path-detail-course-price{color:var(--primary-green)}html.dark .path-detail-footer{background:var(--bg-light);border-top-color:var(--border-color)}html.dark .path-detail-btn-close{background:var(--border-color);color:var(--text-light)}html.dark .path-detail-btn-close:hover{background:var(--text-muted);color:var(--bg-white)}.users-page{background:var(--bg-dark);min-height:100%}.users-header{box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.users-title{color:var(--primary-green);margin:0;font-size:1.75rem;font-weight:700}.users-subtitle{color:var(--text-muted);margin:.5rem 0 0;font-size:14px}.add-user-btn{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:14px;font-weight:600;transition:all .3s;display:flex}.add-user-btn:hover{box-shadow:var(--shadow-green);transform:translateY(-2px)}.users-filters{background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.search-box{flex:1;align-items:center;min-width:300px;display:flex;position:relative}.search-box input{border:1px solid var(--border-color);background:var(--bg-white);width:100%;color:var(--text-light);border-radius:10px;padding-block:.875rem;padding-inline:1rem;font-size:14px;transition:all .3s}.search-box input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--status-info-bg);outline:none}.filter-group select{border:1px solid var(--border-color);background:var(--bg-white);color:var(--text-light);cursor:pointer;border-radius:10px;flex:1;padding:.875rem 1rem;font-size:14px;transition:all .3s}.filter-group select:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--status-info-bg);outline:none}.filter-icon{color:#718096}.users-table-container{background:var(--bg-white);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:20px;margin-bottom:2rem;overflow:auto visible}.users-table{width:100%;min-width:800px}.users-table-header{background:var(--bg-light);border-bottom:1px solid var(--border-color);text-align:right;grid-template-columns:1.6fr 1.4fr 1fr 1.2fr;padding:1rem 1.5rem 1rem 1.75rem;display:grid}.users-table-header .table-cell{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:.75rem .5rem;font-size:12px;font-weight:600}.user-column{min-width:260px}.users-table-body{max-height:68vh;overflow:hidden auto}.users-table-row{border-bottom:1px solid var(--border-color);background:var(--bg-white);text-align:right;grid-template-columns:1.6fr 1.4fr 1fr 1.2fr;align-items:center;padding:1rem 1.5rem 1rem 1.75rem;transition:background .2s;display:grid;position:relative}.users-table-row:last-child{border-bottom:none}.users-table-row:hover{background:var(--table-row-hover,#4972e50a)}.users-table-row-menu-open{z-index:99998;background:var(--table-row-hover,#4972e50f)}.table-cell{color:var(--text-light);text-align:right;padding:.75rem .5rem;font-size:14px;line-height:1.45}.user-info{align-items:center;gap:1rem;min-width:0;display:flex;position:relative}.user-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-color);width:44px;height:44px;box-shadow:var(--shadow-xs);border-radius:12px;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:15px;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.user-dropdown-trigger{color:#94a3b8;cursor:pointer;background:#f8fafc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.user-dropdown-trigger:hover{color:#4972e5;background:#4972e51a}.user-dropdown-menu{z-index:999999;background:#fff;border:1px solid #eef1f6;border-radius:14px;min-width:180px;position:absolute;top:calc(100% + 6px);left:0;overflow:visible;box-shadow:0 12px 48px #0000001f}.dropdown-item{color:#475569;cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.dropdown-item:first-child{border-radius:14px 14px 0 0}.dropdown-item:last-child{border-radius:0 0 14px 14px}.dropdown-item:hover{background:#f8fafc}.dropdown-item.view-item:hover{color:#4972e5}.dropdown-item.edit-item:hover{color:#0d9488}.dropdown-item.delete-item:hover{color:#dc2626}.user-role-badge{border-radius:10px;padding:.4rem .9rem;font-size:12px;font-weight:600;display:inline-block}.user-status-badge{border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:12px;font-weight:600;display:inline-flex}.course-stats{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.enrolled,.completed{color:#64748b;font-size:13px;font-weight:500}.enrolled:before{content:"📚 ";opacity:.9}.completed:before{content:"✅ ";opacity:.9}.table-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4.5rem 2rem;display:flex}.table-empty svg{color:var(--text-muted);margin-bottom:1.25rem;font-size:3.5rem}.table-empty p{color:var(--text-muted);margin:0;font-size:15px;font-weight:500}.pagination{border-top:1px solid var(--border-color);background:var(--bg-light);border-radius:0 0 20px 20px;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.pagination-btn{border:1px solid var(--border-color);background:var(--bg-white);min-width:40px;height:40px;color:var(--text-gray);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 .75rem;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--primary-green);color:var(--primary-green);background:var(--status-info-bg)}.pagination-btn.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.user-modal{max-width:600px}.view-user-modal{background:#fff;border:1px solid #0000000f;border-radius:24px;max-width:440px;padding:0;overflow:hidden;box-shadow:0 24px 48px #0000001f,0 12px 24px #00000014}.view-user-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff40;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:1rem;left:1rem}.view-user-close:hover{background:#ffffff59;transform:scale(1.05)}.view-user-hero{text-align:center;background:linear-gradient(165deg,#4972e5 0%,#5c82ee 50%,#6b8eff 100%);padding:2.5rem 1.5rem 1.75rem;position:relative}.view-user-avatar-wrap{background:#ffffff59;border-radius:50%;width:96px;height:96px;margin:0 auto 1rem;padding:4px;box-shadow:0 8px 24px #00000026}.view-user-avatar{-o-object-fit:cover;object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%;display:block}.view-user-name{color:#fff;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.view-user-email{color:#ffffffe6;margin:0 0 1rem;font-size:.9rem}.view-user-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.view-user-badges .user-role-badge,.view-user-badges .user-status-badge{color:#fff;background:#fff3;border:1px solid #fff6;border-radius:999px;padding:.35rem .75rem;font-size:12px;font-weight:600}.view-user-body{background:#fafbfd;padding:1.5rem 1.5rem 1.25rem}.view-user-info-list{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:0;margin-bottom:1.25rem;display:flex;overflow:hidden}.view-user-info-row{text-align:right;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.view-user-info-row:last-child{border-bottom:none}.view-user-info-icon{color:#4972e5;background:#4972e51a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.view-user-info-content{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.view-user-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.view-user-info-value{color:#334155;font-size:14px;font-weight:500}.view-user-stats{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.view-user-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem;transition:border-color .2s,transform .2s}.view-user-stat-card:hover{border-color:#4972e5;transform:translateY(-2px)}.view-user-stat-card-accent{background:linear-gradient(135deg,#4972e514 0%,#6b8eff0f 100%);border-color:#4972e540}.view-user-stat-icon{color:#4972e5;margin:0 auto .5rem;font-size:1.5rem;display:block}.view-user-stat-value{color:#2d3748;margin-bottom:.2rem;font-size:1.5rem;font-weight:700;display:block}.view-user-stat-label{color:#64748b;font-size:11px;font-weight:500}.view-user-actions{background:#fff;border-top:1px solid #f1f5f9;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.view-user-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:14px;font-weight:600;transition:all .2s;display:flex}.view-user-btn-primary{color:#fff;background:linear-gradient(135deg,#4972e5,#6b8eff);box-shadow:0 4px 14px #4972e559}.view-user-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4972e566}.view-user-btn-ghost{color:#475569;background:#f1f5f9}.view-user-btn-ghost:hover{color:#334155;background:#e2e8f0}@media (max-width:768px){.users-header{flex-direction:column;align-items:stretch;gap:1rem}.add-user-btn{justify-content:center;width:100%}.users-filters{flex-direction:column}.search-box,.filter-group{min-width:100%}.users-table-container{padding:.5rem;overflow-x:visible}.users-table{min-width:0;display:block}.users-table-header{display:none!important}.users-table-body{flex-direction:column;gap:1rem;max-height:none;display:flex}.users-table-row{border:1px solid var(--border-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;grid-template-columns:none;gap:.75rem;margin-bottom:0;padding:1rem;display:flex!important}.users-table-row:last-child{border-bottom:1px solid var(--border-color)}.users-table-row .table-cell{border:none;padding:.5rem 0}.users-table-row .table-cell.user-column{border-bottom:1px solid var(--border-color);margin-bottom:.25rem;padding-bottom:.5rem}.users-table-row .table-cell.user-column .user-details .user-email{display:none}.users-table-row .table-cell[data-label]:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.6875rem;font-weight:600;display:block}.users-table-row .table-cell .course-stats{flex-wrap:wrap;gap:.5rem;display:flex}.users-table-body .skeleton-user-row{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.view-user-modal{max-width:calc(100vw - 2rem)}.view-user-stats{grid-template-columns:1fr}.view-user-actions,.modal-actions{flex-direction:column}.modal-btn{justify-content:center;width:100%}}.users-table-body::-webkit-scrollbar{width:8px}.users-table-body::-webkit-scrollbar-track{background:var(--bg-light);border-radius:4px}.users-table-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.users-table-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html.dark{--table-row-hover:var(--bg-light)}html.dark .users-table-container{border-color:var(--border-color);background-color:var(--bg-white)!important}html.dark .users-table-header{border-bottom-color:var(--border-color);background-color:var(--bg-light)!important}html.dark .users-table-row{border-bottom-color:var(--border-color);background-color:var(--bg-white)!important}html.dark .users-table-row:hover,html.dark .users-table-row-menu-open{background-color:var(--bg-light)!important}html.dark .users-page{background:0 0}html.dark .users-header{box-shadow:none;background:0 0;border:none}html.dark .users-filters{border-color:var(--border-color);box-shadow:var(--shadow-md)}html.dark .search-box input,html.dark .filter-group select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .search-box input:focus,html.dark .filter-group select:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--status-info-bg)}html.dark .user-dropdown-trigger{background:var(--bg-light);color:var(--text-muted)}html.dark .user-dropdown-trigger:hover{background:var(--status-success-bg);color:var(--primary-green)}html.dark .user-dropdown-menu{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-lg)}html.dark .dropdown-item{color:var(--text-light)}html.dark .dropdown-item:hover{background:var(--bg-light)}html.dark .dropdown-item.view-item:hover{color:var(--primary-green)}html.dark .enrolled,html.dark .completed,html.dark .table-empty{color:var(--text-muted)}html.dark .pagination{background:var(--bg-light);border-top-color:var(--border-color)}html.dark .pagination-btn{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .pagination-btn:hover:not(:disabled){border-color:var(--primary-green);color:var(--primary-green);background:var(--status-info-bg)}html.dark .pagination-btn.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff}html.dark .pagination-btn:disabled{opacity:.4;color:var(--text-muted)}html.dark .view-user-modal{background:var(--bg-white);border-color:var(--border-color);box-shadow:0 24px 48px #00000059,0 12px 24px #0003}html.dark .view-user-close{color:#fff;background:#fff3}html.dark .view-user-close:hover{background:#ffffff4d}html.dark .view-user-hero{background:linear-gradient(165deg,var(--primary-green)0%,var(--primary-green-light)50%,#6b9ff5 100%)}html.dark .view-user-body{background:var(--bg-light)}html.dark .view-user-info-list{background:var(--bg-white);border-color:var(--border-color)}html.dark .view-user-info-row{border-bottom-color:var(--border-color)}html.dark .view-user-info-icon{background:var(--status-info-bg);color:var(--primary-green)}html.dark .view-user-info-label{color:var(--text-muted)}html.dark .view-user-info-value{color:var(--text-light)}html.dark .view-user-stat-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .view-user-stat-card:hover{border-color:var(--primary-green)}html.dark .view-user-stat-card-accent{background:var(--status-info-bg);border-color:#3886f459}html.dark .view-user-stat-icon{color:var(--primary-green)}html.dark .view-user-stat-value{color:var(--text-light)}html.dark .view-user-stat-label{color:var(--text-muted)}html.dark .view-user-actions{background:var(--bg-white);border-top-color:var(--border-color)}html.dark .view-user-btn-primary{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));box-shadow:0 4px 14px #3886f466}html.dark .view-user-btn-ghost{background:var(--bg-light);color:var(--text-muted)}html.dark .view-user-btn-ghost:hover{background:var(--border-color);color:var(--text-light)}.add-user-page{background:#f9fafb;min-height:100%}.add-user-container{max-width:800px;margin:0 auto}.page-header{background:#fff;border-radius:16px;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 4px 20px #0000000a}.back-button{color:#4972e5;cursor:pointer;background:#f7f9fc;border:1px solid #4972e533;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:14px;font-weight:500;transition:all .3s;display:flex}.back-button:hover{background:#4972e50d;transform:translate(-5px)}.header-title{flex:1}.header-title h1{color:#4972e5;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.header-title p{color:#718096;margin:0;font-size:14px}.form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000a}.add-user-form{flex-direction:column;gap:1.5rem;display:flex}.form-label{color:#2d3748;align-items:center;gap:.5rem;font-size:14px;font-weight:600;display:flex}.form-label span{color:#4972e5}.form-input,.form-select{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.875rem 1rem;font-size:14px;transition:all .3s}.form-input:focus,.form-select:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.form-hint{color:#718096;margin:.25rem 0 0;font-size:12px}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4972e5,#6b8eff);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 2rem;font-size:16px;font-weight:600;transition:all .3s;display:flex}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4972e54d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.button-loading{align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch}.back-button{align-self:flex-start}}.user-roles-page{background:#f9fafb;min-height:100%}.roles-header{background:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 20px #0000000a}.roles-title{color:#4972e5;margin:0;font-size:1.75rem;font-weight:700}.roles-subtitle{color:#718096;margin:.5rem 0 0;font-size:14px}.roles-search{margin-bottom:2rem;position:relative}.roles-search input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:14px;transition:all .3s;box-shadow:0 2px 10px #00000005}.roles-search input:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.roles-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.roles-table{border-collapse:collapse;width:100%;min-width:800px}.roles-table th{text-align:right;color:#2d3748;background:#f7f9fc;border-bottom:2px solid #4972e51a;padding:1rem 1.5rem;font-size:14px;font-weight:600}.roles-table td{text-align:right;color:#4a5568;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:14px}.role-row:hover{background:#4972e505}.role-name-cell{min-width:200px}.role-info{align-items:center;gap:1rem;display:flex}.role-icon-small{color:#4972e5;background:#4972e51a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.role-name{color:#2d3748;margin-bottom:.25rem;font-weight:600}.role-code{color:#718096;font-family:monospace;font-size:12px}.role-description-cell{max-width:300px}.role-description-cell p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.expand-permissions-btn{color:#4972e5;cursor:pointer;background:#4972e51a;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:all .3s;display:flex}.expand-permissions-btn:hover{background:#4972e533;transform:translateY(-2px)}.permissions-row{background:#f7f9fc}.permissions-cell{border-bottom:2px solid #4972e51a!important;padding:0!important}.permissions-table-wrapper{max-height:400px;padding:1rem;overflow-y:auto}.permissions-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 10px #00000005}.permission-module-row{border-bottom:1px solid #e2e8f0}.permission-module-row:last-child{border-bottom:none}.permission-module-cell{background:#f7f9fc;border-left:1px solid #e2e8f0;min-width:150px;padding:1rem 1.5rem}.module-header{align-items:center;gap:.5rem;font-size:14px;font-weight:600;display:flex}.permission-badges-cell{padding:1rem 1.5rem}.permission-badges{flex-wrap:wrap;gap:.5rem;display:flex}.permission-badge{border:1px solid;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:12px;font-weight:500;transition:all .3s;display:flex}.permission-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.permission-checkbox{cursor:pointer;color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:13px;transition:all .3s;display:flex}.permission-checkbox:hover{background:#4972e505;border-color:#4972e5}.permission-checkbox.checked{color:#4972e5;background:#4972e51a;border-color:#4972e5}.permission-checkbox span{flex:1}.empty-state{text-align:center;padding:4rem 2rem}.no-permissions{text-align:center;padding:2rem}.no-permissions svg{color:#a0aec0;margin-bottom:1rem}.no-permissions p{color:#718096;margin:0;font-size:14px}.permissions-modal{max-width:800px}.permissions-modal .modal-header{color:#fff;background:linear-gradient(135deg,#4972e5,#6b8eff);border-radius:20px 20px 0 0}.permissions-modal .modal-header h2{color:#fff}.modal-subtitle{color:#ffffffe6;margin:.5rem 0 0;font-size:14px}.loading-permissions{text-align:center;padding:3rem 2rem}.loading-permissions .spinner{color:#4972e5;margin-bottom:1rem;animation:1s linear infinite spin}.loading-permissions p{color:#718096;margin:0;font-size:14px}@media (max-width:768px){.roles-table-container{overflow-x:auto}.role-info{flex-direction:column;align-items:flex-start;gap:.5rem}.permission-badges{justify-content:center}.permission-module-cell,.permission-badges-cell{text-align:center;width:100%;display:block}.module-header{justify-content:center}}body{color:#1e293b;background-color:#f9fafb;min-height:100vh}.category-page-container.add-category-page{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 10px 20px;display:flex}.add-category-page-footer{flex-shrink:0;justify-content:flex-end;align-items:center;width:100%;margin-top:auto;padding:1rem 0 0;display:flex}.add-category-footer-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.add-category-footer-btn:hover:not(:disabled){background-color:#4338ca}.add-category-footer-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.add-category-page-header{width:100%;box-shadow:none;background-color:#f8f8f8;border:none;border-radius:0;flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:30px;padding:1.25rem 1.5rem;display:flex}.add-category-header-title-block{text-align:right;flex:1;min-width:0}.add-category-header-title{color:#333;margin:0 0 .5rem;font-size:1.75rem;font-weight:600;line-height:1.3}.add-category-header-subtitle{color:#777;margin:0;font-size:.9rem;line-height:1.4}.add-category-header-cancel{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .75rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:1rem;transition:color .2s,background-color .2s;display:inline-flex}.add-category-header-cancel:hover{color:#333;background-color:#0000000d}.add-category-header-cancel svg{flex-shrink:0}html.dark .add-category-page-header{background-color:var(--bg-light);border:1px solid var(--border-color)}html.dark .add-category-header-title{color:var(--text-dark)}html.dark .add-category-header-subtitle,html.dark .add-category-header-cancel{color:var(--text-gray)}html.dark .add-category-header-cancel:hover{color:var(--text-dark);background-color:#ffffff14}.category-page-header{border-bottom:1px solid #e2e8f0;margin-bottom:30px;padding-bottom:20px}.category-main-content{flex-direction:row;align-items:stretch;gap:24px;display:flex}.category-main-content>div{flex:1}.category-main-content>.category-form-card{flex:2;max-width:none}.category-main-content>.category-preview-card{flex:1;max-width:none}.category-page-title{color:#1e293b;margin-bottom:8px;font-size:28px;font-weight:700}.category-page-subtitle{color:#64748b;font-size:16px}.category-form-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin:0;padding:32px;box-shadow:0 1px 3px #0000001a}.category-form-header{flex-direction:column;margin-bottom:32px;display:flex}.category-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.category-close-btn:hover{background-color:#f1f5f9}.category-title-section h1{margin-bottom:8px;font-size:24px;font-weight:700}.category-title-section p{color:#64748b;font-size:14px}.category-required-text{color:#ef4444;font-size:12px}.category-form{flex-direction:column;gap:24px;display:flex}.category-form-group{flex-direction:column;gap:8px;display:flex}.category-form-group label{color:#1e293b;font-size:14px;font-weight:600}.category-required{color:#ef4444;margin-right:4px}.category-form-input,.category-form-textarea{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;transition:border-color .2s}.category-form-input:focus,.category-form-textarea:focus{border-color:#4f46e5}.category-form-textarea{resize:vertical;min-height:120px}.category-field-hint{color:#94a3b8;font-size:11px}.category-color-picker-wrapper{cursor:pointer;border:1px solid #c9c9c9;border-radius:8px;align-items:center;gap:12px;padding:4px 12px;display:flex}.category-color-picker-wrapper:hover{background-color:#0000}.category-color-input{cursor:pointer;background:0 0;flex:1;padding:8px 0;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;box-shadow:none!important;border:none!important;outline:none!important}.category-color-input:focus{box-shadow:none!important;border:none!important;outline:none!important}.category-color-preview{cursor:pointer;border-radius:6px;width:32px;height:32px;transition:transform .2s}.category-color-preview:hover{transform:scale(1.1)}.category-upload-area{cursor:pointer;background-color:#f9fafb;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:background-color .2s;display:flex;position:relative}.category-upload-area:hover{background-color:#f8fafc}.category-upload-icon-circle{background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:flex}.category-upload-icon-circle .category-upload-icon{color:#64748b;-o-object-fit:contain;object-fit:contain;width:28px;height:28px;margin:0;display:block}.category-upload-text{color:#475569;margin-bottom:2px;font-size:14px;font-weight:500}.category-upload-subtext{color:#94a3b8;font-size:12px}.category-file-input{display:none}.category-image-preview{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:64px;height:64px}.category-file-info{color:#64748b;align-items:center;gap:12px;display:flex}.category-remove-image-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:background-color .2s;display:flex;position:absolute;top:8px;left:8px}.category-remove-image-btn:hover{background-color:#dc2626}.category-preview-card{background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:12px;justify-content:flex-start;align-items:center;gap:1rem;height:fit-content;margin-bottom:8px;padding:32px;font-weight:400;display:flex;box-shadow:0 1px 3px #0000001a}.category-preview-label{color:#1e293b;margin-bottom:16px;font-size:14px;font-weight:500;display:block}.category-preview-content{flex:1;min-width:0}.category-preview-content h3{color:#1e293b;margin-bottom:4px;font-size:16px;font-weight:600}.category-preview-content p{color:#64748b;font-size:12px;font-weight:400}.category-preview-icon-box{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.category-preview-icon{-o-object-fit:contain;object-fit:contain;width:32px;height:32px}.category-preview-icon-placeholder{justify-content:center;align-items:center;display:flex}.category-preview-hint{text-align:center}.category-form-footer{justify-content:flex-start;gap:12px;margin-top:40px;display:flex}.category-submit-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 40px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:16px;font-weight:600;transition:background-color .2s;display:flex}.category-submit-btn:hover{background-color:#4338ca}.category-submit-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.category-cancel-btn{color:#64748b;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:14px 24px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:16px;font-weight:600;transition:all .2s;display:flex}.category-cancel-btn:hover{color:#475569;background-color:#e2e8f0}.category-add-new-btn{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.category-add-new-btn-inner{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 32px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:16px;font-weight:600;transition:background-color .2s;display:flex}.category-add-new-btn-inner:hover{background-color:#4338ca}@media (max-width:1024px){.category-page-container{padding:15px}.category-main-content{gap:16px}}@media (max-width:768px){.category-page-container{padding:10px}.category-main-content{flex-direction:column;gap:12px}.category-form-card{padding:20px}.category-preview-card{text-align:center;flex-direction:column;gap:15px;padding:20px}.category-form-footer{flex-direction:column;justify-content:center}.category-submit-btn,.category-cancel-btn{justify-content:center;width:100%}.category-form-group{gap:6px}}@media (max-width:480px){.category-page-title{font-size:24px}.category-form-card,.category-preview-card{padding:16px}.category-form-input,.category-form-textarea{padding:10px 12px;font-size:14px}.category-upload-area{padding:24px}}.permissions-page{background:#f9fafb;min-height:100%}.permissions-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000a}.permissions-title{color:#4972e5;margin:0;font-size:1.75rem;font-weight:700}.permissions-subtitle{color:#718096;margin:.5rem 0 0;font-size:14px}.add-role-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4972e5,#6b8eff);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:14px;font-weight:600;transition:all .3s;display:flex}.add-role-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4972e54d}.permissions-search{margin-bottom:2rem;position:relative}.permissions-search input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:14px;transition:all .3s;box-shadow:0 2px 10px #00000005}.permissions-search input:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.search-icon{color:#718096;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.skeleton-grid{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.role-card{background:#fff;border:2px solid #0000;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 20px #0000000a}.role-card:hover{border-color:#4972e533;transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.role-card-header{margin-bottom:1.25rem}.role-icon{color:#4972e5;background:#4972e51a;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex}.role-card-body{flex-direction:column;gap:.75rem;display:flex}.role-name{color:#2d3748;margin:0;font-size:1.125rem;font-weight:700}.role-description{color:#718096;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.role-stats{border-top:1px solid #e2e8f0;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.stat-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-label{color:#718096}.stat-value{color:#2d3748;font-weight:500}.role-modal{max-width:600px}.permissions-section{margin-top:1.5rem}.permissions-section h3{color:#4972e5;border-bottom:1px solid #e2e8f0;margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.permissions-grid{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:300px;padding:1rem;display:grid;overflow-y:auto}.permission-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.permission-checkbox input{display:none}.checkbox-label{color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.75rem;font-size:13px;transition:all .3s;display:flex}.checkbox-label:hover{background:#4972e505;border-color:#4972e5}.permission-checkbox input:checked+.checkbox-label{color:#4972e5;background:#4972e51a;border-color:#4972e5}.check-icon{opacity:0;transition:opacity .3s}.permission-checkbox input:checked+.checkbox-label .check-icon{opacity:1}.permission-name{flex:1}@media (max-width:768px){.permissions-header{flex-direction:column;align-items:stretch;gap:1rem}.add-role-btn{justify-content:center;width:100%}.roles-grid,.permissions-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-btn{justify-content:center;width:100%}}.courses-container{background:#f9fafb;width:100%;max-width:100%;min-height:100%}.courses-header{box-shadow:none;background:#f9fafb;border:none;border-radius:0;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 0;display:flex}.courses-header h1{color:#4972e5;margin:0;font-weight:600}.courses-header .view-toggle-btn{border-width:1px;border-radius:6px;padding:.35rem .75rem;font-size:12px}.courses-header .btn{border-radius:6px;padding:.4rem 1rem;font-size:12px}.courses-header .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4972e540}.courses-header .view-toggle-btn svg,.courses-header .btn svg{flex-shrink:0;width:18px;height:18px}.courses-card{background:#f9fafb;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:1.5rem;overflow:visible;box-shadow:0 4px 20px #0000000a}.courses-card .courses-filters{--courses-filter-width:160px;--courses-filter-min-width:140px;--courses-filter-height:40px;box-shadow:none;background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1rem 0;display:flex}.courses-filters-group{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.courses-search-wrap{width:var(--filter-control-width,160px);min-width:var(--filter-control-min-width,140px);max-width:var(--filter-control-width,160px);height:var(--filter-control-height,40px);min-height:var(--filter-control-height,40px);box-sizing:border-box;background:#fff;border:1px solid #dcdee2;border-radius:12px;outline:none;align-items:center;padding:0 1rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.courses-search-wrap:hover{border-color:#c8ccd4}.courses-search-wrap:focus-within{background:#fff;border-color:#9ca3af;outline:none;box-shadow:0 0 0 2px #4972e514}.courses-search-wrap .courses-search-icon{color:#a3a8b2;pointer-events:none;flex-shrink:0;width:20px;height:20px;margin-left:.75rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.courses-search-wrap .courses-search-field{min-width:0;box-shadow:none;color:#1e293b;text-align:right;background:0 0;border:none;outline:none;flex:1;padding-block:.4rem;padding-inline:1.3rem .75rem;font-size:14px}.courses-search-wrap .courses-search-field::placeholder{color:#a3a8b2}.courses-search-wrap .courses-search-field:focus,.courses-search-wrap .courses-search-field:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.filter-group-select{width:var(--filter-control-width,160px);min-width:var(--filter-control-min-width,140px);max-width:var(--filter-control-width,160px);height:var(--filter-control-height,40px);min-height:var(--filter-control-height,40px)}.filter-select-wrap{width:100%;height:var(--filter-control-height,40px);align-items:center;display:flex;position:relative}.filter-select-chevron{color:#4b5563;pointer-events:none;flex-shrink:0;width:16px;height:16px;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}[dir=rtl] .courses-filters .filter-select-chevron{left:1rem;right:auto}.filter-group-select select{width:100%;height:100%;min-height:var(--filter-control-height,40px);color:#4b5563;appearance:none;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dcdee2;border-radius:12px;min-width:0;padding:0 1.5rem 0 1rem;font-size:14px;transition:color .2s,border-color .2s}.filter-group-select select:hover,.filter-group-select select:focus{color:#374151;border-color:#c8ccd4;outline:none}.filter-group-select select:focus{border-color:#9ca3af;box-shadow:0 0 0 2px #4972e514}[dir=rtl] .courses-filters .filter-group-select select{text-align:right;padding:0 1rem 0 1.5rem}.empty-icon{background:#4972e51a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex;position:relative}.empty-icon svg{color:#4972e5;flex-shrink:0;width:2.5rem;height:2.5rem;margin:1.25rem auto auto;font-size:2.5rem;display:block;position:absolute;inset:0}.courses-pagination{flex-direction:row-reverse;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;margin-bottom:1rem;padding:1rem;display:flex}.pagination-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#4972e5;background:#f7fafc;border-color:#4972e5}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{color:#fff;background:#4972e5;border-color:#4972e5}.pagination-btn.active:hover{color:#fff;background:#3d62c9;border-color:#3d62c9}.pagination-numbers{flex-direction:row-reverse;align-items:center;gap:.375rem;display:flex}.pagination-prev{margin-right:.5rem}.pagination-next{margin-left:.5rem}.courses-load-more-wrap{justify-content:center;margin-top:2rem;margin-bottom:2rem;padding:1rem;display:flex}.courses-load-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4972e5,#6b8eff);border:none;border-radius:12px;justify-content:center;align-items:center;min-width:12rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #4972e559}.courses-load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4972e566}.courses-load-more-btn:active{transform:translateY(0)}.courses-load-more-btn .spinning{animation:.8s linear infinite courses-spin}@keyframes courses-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.courses-load-more-btn:disabled{opacity:.8;cursor:not-allowed}.courses-card .cards-grid.cards-view,.cards-grid.cards-view,.cards-grid{gap:1rem;display:grid;overflow:visible;grid-template-columns:repeat(4,1fr)!important}.course-card{box-sizing:border-box;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;width:100%;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb!important}.course-card-menu-open{z-index:200;position:relative;overflow:visible!important}.course-card-image-wrap{aspect-ratio:16/9;background:#f1f5f9;border-radius:12px 12px 0 0;min-height:120px;position:relative;overflow:hidden}.course-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.course-card-image-placeholder{color:#4972e5;background:linear-gradient(135deg,#4972e514,#6b8eff1f);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.course-card-badge{border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.course-card-badge-published{color:#15803d;background:#dcfce7}.course-card-badge-draft{color:#6b7280;background:#f3f4f6}.course-card-content{border-radius:0 0 12px 12px;flex-direction:column;flex:1;gap:6px;padding:12px 14px;display:flex;overflow:visible!important}.course-card-title-row{align-items:flex-start;gap:6px;margin-bottom:0;display:flex;overflow:visible}.course-card .course-card-title{color:#1a1a2e;flex:1;min-width:0;margin:0;font-size:18px;line-height:1.35;font-weight:300!important}.course-card-menu-wrap{flex-shrink:0;margin-inline-start:auto;position:relative;overflow:visible!important}.course-card-menu-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .2s,background .2s;display:flex}.course-card-menu-btn:hover{color:#4972e5;background:#f1f5f9}.course-card-action-menu{z-index:1000;background:#fff;border-radius:10px;min-width:160px;animation:.2s courseCardMenuFade;position:absolute;top:-200px;left:0;overflow:visible;box-shadow:0 8px 24px #0000001f}@keyframes courseCardMenuFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.course-card-action-item{text-align:right;cursor:pointer;color:#334155;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.course-card-action-item:hover{background:#f8fafc}.card-action-view:hover{color:#4299e1}.card-action-sections:hover{color:#7b61ff}.card-action-edit:hover{color:#38b2ac}.card-action-delete:hover{color:#e53e3e}.course-card .course-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden;font-weight:300!important}html:not(.dark) .course-card .course-card-description{color:#4b5563}html.dark .course-card .course-card-description{color:var(--text-muted)}.course-card-meta{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:2px;padding-top:8px;display:flex}.course-card-meta-item{align-items:center;gap:4px;display:flex}.course-card-meta-icon{color:#4972e5;flex-shrink:0}.course-card-meta .course-card-meta-icon[src]{-o-object-fit:contain;object-fit:contain;width:16px;height:16px;display:block}.course-card-meta-text{color:#475569;font-size:11px;font-weight:500}.courses-table-view{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.courses-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.courses-table thead{z-index:1;position:sticky;top:0}.courses-table thead tr{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.courses-table th{text-align:right;color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:16px 20px;font-size:13px;font-weight:700}.courses-table th.th-course{min-width:260px;padding-right:24px}.courses-table th.th-actions{text-align:center;min-width:180px}.courses-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.courses-table tbody tr:hover{background:#3886f40a}.courses-table tbody tr:last-child{border-bottom:none}.courses-table td{text-align:right;color:#475569;vertical-align:middle;padding:16px 20px;font-size:14px}.courses-table td:first-child{padding-right:24px}.courses-table td:last-child{text-align:center}.courses-table .action-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.courses-table .status-badge{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.courses-table .status-draft{color:#64748b;background:#94a3b826}.courses-table .status-published{color:#16a34a;background:#22c55e1f}.courses-table .course-info{gap:14px}.course-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.75rem;font-weight:700;transition:transform .2s;display:flex;position:relative;overflow:hidden}.course-icon:hover{transform:scale(1.05)}.course-icon.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:2.5s infinite shimmer;position:absolute;inset:0}.course-details{text-align:right;flex:1;min-width:0}.course-name{color:#1e293b;white-space:normal;word-wrap:break-word;margin:0;font-size:1rem;font-weight:700;line-height:1.4}html.dark .course-name{color:#fff}.level-badge{white-space:nowrap;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.level-badge.level-beginner{color:#16a34a;background:#22c55e1f}.level-badge.level-intermediate{color:#2563eb;background:#3886f41f}.level-badge.level-advanced{color:#7c3aed;background:#8b5cf61f}.course-meta{color:#9ca3af;margin:0;font-size:.7rem;font-weight:500}.min-w-cell{min-width:250px}.bg-blue-600{background-color:#2563eb}.bg-purple-600{background-color:#9333ea}.bg-orange-600{background-color:#ea580c}.bg-emerald-600{background-color:#059669}.modal-content.modal-deleting .modal-body{min-height:120px}.delete-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;display:flex}.delete-loading-spinner{color:#e53e3e;animation:.9s linear infinite course-delete-spin}.delete-loading-text{color:#2d3748;margin:0;font-size:1rem;font-weight:500}.delete-loading-sub{color:#718096;margin:0;font-size:.875rem}.btn-delete-with-loading{justify-content:center;align-items:center;gap:.5rem;min-width:100px;display:inline-flex}.btn-delete-with-loading:disabled{opacity:.85;cursor:not-allowed;transform:none}.btn-delete-spinner{flex-shrink:0;animation:.9s linear infinite course-delete-spin}@keyframes course-delete-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.large-modal{width:95%;max-width:1400px}.course-detail-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:24px;animation:.25s courseDetailFadeIn;display:flex;position:fixed;inset:0}@keyframes courseDetailFadeIn{0%{opacity:0}to{opacity:1}}.course-detail-glass{--course-glass-bg:#ffffffb8;--course-glass-border:#ffffff73;--course-glass-card:#ffffff80;--course-glass-header:#ffffff40;--course-glass-text:#1e293b;--course-glass-text-muted:#64748b;--course-glass-accent:#4972e5;background:var(--course-glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--course-glass-border);border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:92vh;animation:.35s cubic-bezier(.34,1.56,.64,1) courseDetailSlideIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000026,inset 0 0 0 1px #ffffff80}@keyframes courseDetailSlideIn{0%{opacity:0;transform:scale(.96)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.course-detail-header{background:var(--course-glass-header);border-bottom:1px solid var(--course-glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.course-detail-header-inner{align-items:center;gap:12px;display:flex}.course-detail-header-icon{width:40px;height:40px;color:var(--course-glass-accent);background:#4972e52e;border-radius:12px;justify-content:center;align-items:center;display:flex}.course-detail-title{color:var(--course-glass-text);margin:0;font-size:1.2rem;font-weight:700}.course-detail-close{width:40px;height:40px;color:var(--course-glass-text-muted);cursor:pointer;background:#0000000f;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.course-detail-close:hover{color:var(--course-glass-text);background:#0000001a}.course-detail-loading{text-align:center;color:var(--course-glass-text-muted);padding:48px 24px;font-weight:500}.course-detail-spinner{color:var(--course-glass-accent);margin:0 auto 16px;animation:.8s linear infinite spin;display:block}.course-detail-body{flex:1;min-height:0;overflow-y:auto}.course-detail-hero{flex-shrink:0;justify-content:flex-start;align-items:flex-start;padding:20px 24px 0;display:flex}.course-detail-hero-img-wrap{border-radius:16px;width:100%;max-width:320px;height:160px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.course-detail-hero-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.course-detail-hero-shade{pointer-events:none;background:linear-gradient(#0000 0%,#00000073 100%);position:absolute;inset:0}.course-detail-hero-badges{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.course-detail-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:6px 12px;font-size:11px;font-weight:600}.course-detail-badge-featured{color:#1a1a1a;background:#fbbf24e6}.course-detail-badge-cert{color:#fff;background:#8b5cf6e6}.course-detail-badge-status{color:#334155;background:#ffffffe6}.course-detail-badge-status-published{color:#fff;background:#22c55ee6}.course-detail-badge-status-draft{color:#fff;background:#94a3b8e6}.course-detail-content{padding:24px}.course-detail-name{color:var(--course-glass-text);margin:0 0 12px;font-size:1.5rem;font-weight:700;line-height:1.35}.course-detail-desc{color:var(--course-glass-text-muted);margin:0 0 16px;font-size:15px;line-height:1.7}.course-detail-meta{color:var(--course-glass-text-muted);flex-wrap:wrap;gap:16px 24px;margin-bottom:24px;font-size:13px;display:flex}.course-detail-meta-item strong{color:var(--course-glass-text);margin-left:4px}.course-detail-card{background:var(--course-glass-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--course-glass-border);border-radius:16px;margin-bottom:16px;padding:20px}.course-detail-card:last-of-type{margin-bottom:0}.course-detail-card-title{color:var(--course-glass-accent);align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;font-weight:700;display:flex}.course-detail-card-title:before{content:"";background:var(--course-glass-accent);border-radius:2px;width:4px;height:18px}.course-detail-list{margin:0;padding-right:20px;list-style:outside}.course-detail-list li{color:var(--course-glass-text);margin-bottom:6px;font-size:14px;line-height:1.6}.course-detail-card-text{color:var(--course-glass-text-muted);margin:0;font-size:14px;line-height:1.7}.course-detail-section{border:1px solid var(--course-glass-border);background:#fff6;border-radius:12px;margin-bottom:12px;overflow:hidden}.course-detail-section:last-child{margin-bottom:0}.course-detail-section-head{border-bottom:1px solid var(--course-glass-border);background:#0000000a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.course-detail-section-head h4{color:var(--course-glass-text);margin:0;font-size:.95rem;font-weight:600}.course-detail-lessons-count{color:var(--course-glass-text-muted);background:var(--course-glass-card);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.course-detail-lessons{margin:0;padding:12px 16px;list-style:none}.course-detail-lesson{border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.course-detail-lesson:hover{background:#0000000a}.course-detail-lesson-icon{width:38px;height:38px;color:var(--course-glass-accent);background:#4972e51f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.course-detail-lesson-body{flex-direction:column;gap:2px;min-width:0;display:flex}.course-detail-lesson-title{color:var(--course-glass-text);font-size:14px;font-weight:600}.course-detail-lesson-meta{color:var(--course-glass-text-muted);font-size:12px}.course-detail-footer{background:var(--course-glass-header);border-top:1px solid var(--course-glass-border);flex-shrink:0;padding:16px 24px}.course-detail-btn-close{color:var(--course-glass-text);background:var(--course-glass-card);border:1px solid var(--course-glass-border);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .2s,border-color .2s}.course-detail-btn-close:hover{background:#ffffffb3;border-color:#fff9}html.dark .course-detail-overlay{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0000008c}html.dark .course-detail-glass{--course-glass-bg:#1e2332d9;--course-glass-border:#ffffff14;--course-glass-card:#ffffff0f;--course-glass-header:#ffffff0d;--course-glass-text:#f1f5f9;--course-glass-text-muted:#94a3b8;--course-glass-accent:#7c9eff}html.dark .course-detail-close:hover{color:var(--course-glass-text);background:#ffffff1f}html.dark .course-detail-section-head{background:#0003}html.dark .course-detail-lesson:hover{background:#ffffff0f}html.dark .course-detail-btn-close{color:var(--course-glass-text);background:var(--course-glass-card);border-color:var(--course-glass-border)}html.dark .course-detail-btn-close:hover{background:#ffffff1a;border-color:#ffffff26}.course-view-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0000007a;justify-content:center;align-items:center;padding:24px;animation:.25s courseViewOverlayIn;display:flex;position:fixed;inset:0}@keyframes courseViewOverlayIn{0%{opacity:0}to{opacity:1}}.course-modal.course-view-modal{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:100%;max-width:920px;max-height:92vh;animation:.4s cubic-bezier(.34,1.56,.64,1) courseViewModalIn;display:flex;overflow:hidden;box-shadow:0 32px 64px #00000029,0 12px 32px #00000014}@keyframes courseViewModalIn{0%{opacity:0;transform:scale(.96)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.course-view-modal .modal-header{background:linear-gradient(135deg,#3886f4 0%,#5a9bf5 100%);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:relative}.course-view-modal .modal-header:after{content:"";background:#fff3;height:1px;position:absolute;bottom:0;left:0;right:0}.course-view-modal .modal-header-inner{align-items:center;gap:14px;display:flex}.course-view-modal .modal-header-icon{color:#fff;background:#ffffff38;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.course-view-modal .modal-header h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.course-view-modal .btn-close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;transition:background .2s,transform .2s;display:flex}.course-view-modal .btn-close:hover{background:#ffffff4d;transform:scale(1.05)}.course-view-modal .modal-body.course-view{flex:1;min-height:0;padding:0;overflow-y:auto}.course-view{flex-direction:column;gap:0;width:100%;display:flex}.course-view .course-hero{flex-shrink:0;width:100%;height:220px;position:relative;overflow:hidden}.course-view .course-thumbnail-large{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.course-view .course-hero-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0009 100%);position:absolute;inset:0}.course-view .course-hero-badges{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;left:24px;right:24px}.course-view .badge{text-transform:uppercase;letter-spacing:.02em;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:600}.course-view .badge-featured{color:#1a1a1a;background:#fbbf24f2}.course-view .badge-certificate{color:#fff;background:#8b5cf6f2}.course-view .badge-status-draft{color:#fff;background:#94a3b8f2}.course-view .badge-status-published{color:#fff;background:#22c55ef2}.course-view .course-content{padding:28px 28px 24px}.course-view .course-header{align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.course-view .course-info-large{flex:1;min-width:0}.course-view .course-info-large h3{color:#1e293b;letter-spacing:-.02em;margin:0 0 12px;font-size:1.5rem;font-weight:700;line-height:1.35}.course-view .course-description{color:#64748b;margin:0 0 16px;font-size:15px;line-height:1.7}.course-view .course-meta{color:#64748b;flex-wrap:wrap;gap:16px 24px;margin:0;font-size:13px;font-weight:500;display:flex}.course-view .course-meta span{align-items:center;gap:6px;display:inline-flex}.course-view .course-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;width:100%;margin-bottom:16px;padding:20px 24px}.course-view .course-section:last-child{margin-bottom:0}.course-view .course-section h4{color:#3886f4;align-items:center;gap:10px;margin:0 0 14px;font-size:1.05rem;font-weight:700;display:flex}.course-view .course-section h4:before{content:"";background:linear-gradient(#3886f4,#5a9bf5);border-radius:2px;width:4px;height:20px}.course-view .course-section ul{margin:0;padding-right:22px;list-style-type:disc}.course-view .course-section li{color:#475569;margin-bottom:8px;font-size:14px;line-height:1.6}.course-view .view-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px;overflow:hidden}.course-view .view-section:last-child{margin-bottom:0}.course-view .view-section-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.course-view .view-section-header h5{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.course-view .lessons-count{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600}.course-view .view-lessons-list{padding:12px 20px 16px}.course-view .view-lesson{border-radius:12px;align-items:center;gap:14px;padding:12px 14px;transition:background .2s;display:flex}.course-view .view-lesson:hover{background:#f8fafc}.course-view .view-lesson-icon{color:#3886f4;background:#3886f41f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.course-view .view-lesson-info{flex:1;min-width:0}.course-view .view-lesson-title{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:600}.course-view .view-lesson-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.course-view .view-lesson-resources{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.course-view .view-lesson-resources.has-resources{color:#2563eb;background:#eff6ff;font-weight:600}.course-view .view-lesson-resources.no-resources{color:#94a3b8;background:#f1f5f9;font-weight:500}.course-view-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;padding:18px 28px}.course-view-modal .modal-footer .btn-secondary{border-radius:12px;padding:12px 24px;font-weight:600}@media (max-width:768px){.courses-container{min-height:100vh;padding:12px 14px 24px}.courses-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:1rem;padding:.5rem 0}.courses-header p{text-align:center;margin:0;font-size:1.25rem!important}.courses-header>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.view-toggle-btn{flex:1;justify-content:center;min-width:44px;padding:10px 14px}.courses-header .btn-primary{justify-content:center;width:100%;padding:12px 16px;font-size:14px}.courses-card{border-radius:14px;margin-bottom:1.5rem;padding:1rem 14px 1.5rem}.courses-card .courses-filters{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:1.25rem;padding:.5rem 0}.courses-search-wrap{width:100%;min-width:0;max-width:100%}.courses-filters-group{flex-direction:column;gap:10px}.filter-group-select,.courses-filters-group .filter-select-wrap{width:100%;min-width:0;max-width:100%}.courses-card .cards-grid.cards-view,.courses-card .cards-grid,.cards-grid.cards-view,.cards-grid{gap:14px;grid-template-columns:1fr!important}.course-card{border-radius:12px}.course-card-content{padding:12px 14px}.course-card .course-card-title{font-size:1rem!important}.course-card .course-card-description{-webkit-line-clamp:2;font-size:13px!important}.course-card-meta{gap:8px 10px}.course-card-meta-text{font-size:11px}.course-card-menu-btn{width:36px;min-width:36px;height:36px;min-height:36px}.course-card-action-menu{min-width:140px;left:0;right:auto}.course-card-action-item{min-height:44px;padding:12px 14px;font-size:13px}.empty-state{padding:2rem 1rem}.empty-icon svg{width:48px;height:48px}.empty-title{font-size:1.1rem}.empty-description{font-size:14px}.courses-table-view{border-radius:14px;margin:0 -2px}.courses-table-container{-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px}.courses-table{min-width:760px}.courses-table th,.courses-table td{padding:12px 10px;font-size:12px}.courses-table th.th-course{min-width:200px;padding-right:14px}.courses-table th.th-actions{min-width:140px}.courses-table .course-icon{width:36px;height:36px;font-size:.65rem}.courses-table .action-buttons{gap:6px}.courses-table .btn-icon{width:36px;min-width:36px;height:36px;min-height:36px}.courses-load-more-wrap{margin-top:1.5rem;padding:.75rem 0}.courses-load-more-btn{width:100%;min-width:0;padding:14px 20px}.course-view .course-hero{height:180px}.course-view .course-content{padding:18px 16px}.course-view-modal{width:100%;max-width:100%;max-height:95vh;margin:12px}.course-view-modal .modal-header,.course-view-modal .modal-footer{padding:14px 18px}.course-view-modal .modal-header h2{font-size:1.1rem}.course-view .course-header{flex-direction:column;gap:14px}.course-view .course-info-large h3{font-size:1.2rem}.course-view .course-meta{gap:10px 16px;font-size:12px}.course-detail-overlay{align-items:flex-end;padding:12px}.course-detail-glass{border-radius:20px 20px 0 0;max-height:92vh}.modal-overlay{padding:12px}.modal-content{border-radius:16px;max-width:100%}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1.25rem}.modal-footer{flex-wrap:wrap;padding:1rem 1.25rem}.btn-close{width:36px;height:36px}}@media (min-width:1200px){.cards-grid{grid-template-columns:repeat(4,1fr)!important}}html.dark .courses-container{background:0 0}html.dark .courses-header{box-shadow:none;background:0 0;border:none}html.dark .courses-filters{background:var(--bg-white);box-shadow:none;border:none}html.dark .courses-card{border-color:var(--border-color);box-shadow:var(--shadow-md);background:0 0}html.dark .courses-header h1{color:var(--primary-green)}html.dark .courses-pagination .pagination-btn{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .courses-pagination .pagination-btn:hover:not(:disabled){border-color:var(--primary-green);color:var(--primary-green);background:var(--bg-light)}html.dark .courses-pagination .pagination-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}html.dark .courses-pagination .pagination-btn.active:hover{background:var(--primary-green-dark);border-color:var(--primary-green-dark);color:#fff}html.dark .courses-load-more-btn{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));box-shadow:0 4px 14px #0003}html.dark .courses-load-more-btn:hover{box-shadow:0 6px 20px #00000040}html.dark .view-toggle-btn{background:var(--bg-light);border-color:var(--border-color);color:var(--text-muted)}html.dark .view-toggle-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}html.dark .view-toggle-btn:hover:not(.active){border-color:var(--primary-green);color:var(--primary-green)}html.dark .btn-primary:hover{box-shadow:var(--shadow-green)}html.dark .courses-search-wrap{background:var(--bg-white);border-color:var(--border-color)}html.dark .courses-search-wrap .courses-search-icon{color:var(--text-muted)}html.dark .courses-search-wrap .courses-search-field{color:var(--text-light)}html.dark .courses-search-wrap .courses-search-field::placeholder{color:var(--text-muted)}html.dark .filter-group-select select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .filter-select-chevron{color:var(--text-muted)}html.dark .courses-search-wrap:hover,html.dark .courses-search-wrap:focus-within{border-color:var(--border-color);box-shadow:none;background:var(--bg-white);outline:none}html.dark .filter-group-select select:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px var(--status-success-bg)}html.dark .course-card{background:var(--bg-white);box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb40!important}html.dark .course-card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-md)}html.dark .empty-state{color:var(--text-muted)}html.dark .courses-table-view{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-md)}html.dark .courses-table thead tr{background:var(--bg-light);border-bottom-color:var(--border-color)}html.dark .courses-table th{color:var(--text-muted)}html.dark .courses-table tbody tr{border-bottom-color:var(--border-light)}html.dark .courses-table tbody tr:hover{background:var(--border-light)}html.dark .courses-table td{color:var(--text-dark)}html.dark .courses-table .course-name{color:var(--text-light)}html.dark .courses-table .level-badge.level-beginner{background:var(--status-success-bg);color:var(--green-600)}html.dark .courses-table .level-badge.level-intermediate{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .courses-table .level-badge.level-advanced{color:var(--purple-600);background:#9333ea33}html.dark .courses-table .status-badge.status-draft{background:var(--bg-light);color:var(--text-muted)}html.dark .courses-table .status-badge.status-published{background:var(--status-success-bg);color:var(--green-600)}html.dark .courses-table .btn-icon{background:var(--bg-light);color:var(--text-muted)}html.dark .courses-table .btn-icon:hover{background:var(--border-color);color:var(--text-light)}html.dark .courses-table .btn-icon.btn-view{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .courses-table .btn-icon.btn-view:hover{background:var(--primary-blue);color:#fff}html.dark .courses-table .btn-icon.btn-sections{color:var(--purple-600);background:#9333ea33}html.dark .courses-table .btn-icon.btn-sections:hover{background:var(--purple-600);color:#fff}html.dark .courses-table .btn-icon.btn-edit{background:var(--status-warning-bg);color:var(--orange-600)}html.dark .courses-table .btn-icon.btn-edit:hover{background:var(--orange-600);color:#fff}html.dark .courses-table .btn-icon.btn-delete{background:var(--status-error-bg);color:var(--red-600)}html.dark .courses-table .btn-icon.btn-delete:hover{background:var(--red-600);color:#fff}html.dark .course-view-modal-overlay{background:#000000a6}html.dark .course-modal.course-view-modal{background:var(--bg-white);border-color:var(--border-color);box-shadow:0 32px 64px #00000073,0 12px 32px #00000040}html.dark .course-view-modal .modal-header{background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-blue-hover)100%)}html.dark .course-view-modal .modal-header:after{background:#ffffff26}html.dark .course-view-modal .modal-header-icon{color:#fff;background:#ffffff38}html.dark .course-view-modal .modal-header h2{color:#fff}html.dark .course-view-modal .btn-close{color:#fff;background:#ffffff2e}html.dark .course-view-modal .btn-close:hover{background:#ffffff4d}html.dark .course-view .course-hero-overlay{background:linear-gradient(#0000 0%,#000000bf 100%)}html.dark .course-view .course-info-large h3{color:var(--text-light)}html.dark .course-view .course-description,html.dark .course-view .course-meta{color:var(--text-muted)}html.dark .course-view .course-section{background:var(--bg-light);border-color:var(--border-color)}html.dark .course-view .course-section h4{color:var(--primary-blue)}html.dark .course-view .course-section h4:before{background:linear-gradient(180deg,var(--primary-blue),var(--primary-blue-hover))}html.dark .course-view .course-section li{color:var(--text-dark)}html.dark .course-view .view-section{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-view .view-section-header{background:var(--bg-light);border-bottom-color:var(--border-color)}html.dark .course-view .view-section-header h5{color:var(--text-light)}html.dark .course-view .lessons-count{background:var(--bg-white);color:var(--text-muted);border-color:var(--border-color)}html.dark .course-view .view-lesson:hover{background:var(--bg-light)}html.dark .course-view .view-lesson-icon{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .course-view .view-lesson-title{color:var(--text-light)}html.dark .course-view .view-lesson-meta{color:var(--text-muted)}html.dark .course-view-modal .modal-footer{background:var(--bg-light);border-top-color:var(--border-color)}html.dark .course-view-modal .modal-footer .btn-secondary{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .course-view-modal .modal-footer .btn-secondary:hover{background:var(--border-color)}.instructor-search-dropdown{width:100%;position:relative}.instructor-search-input-wrap{cursor:text;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.instructor-search-input-wrap:hover{border-color:#cbd5e1}.instructor-search-input-wrap.is-open,.instructor-search-input-wrap:focus-within{box-shadow:none;border-color:#cbd5e1}.instructor-search-icon{color:#94a3b8;flex-shrink:0}.instructor-search-input{color:#1e293b;text-align:right;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.instructor-search-input:focus{box-shadow:none;outline:none}.instructor-search-input::placeholder{color:#94a3b8}.instructor-search-chevron{color:#64748b;flex-shrink:0;transition:transform .2s}.instructor-search-input-wrap.is-open .instructor-search-chevron{transform:rotate(180deg)}.instructor-search-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.instructor-search-list{margin:0;padding:6px 0;list-style:none}.instructor-search-item{color:#334155;cursor:pointer;text-align:right;padding:10px 14px;font-size:14px;transition:background .15s}.instructor-search-item:hover{background:#f1f5f9}.instructor-search-item.selected{color:#4972e5;background:#4972e51a;font-weight:500}.instructor-search-empty{color:#64748b;text-align:center;padding:16px 14px;font-size:14px}html.dark .instructor-search-input-wrap{background:var(--bg-white);border-color:var(--border-color)}html.dark .instructor-search-input-wrap.is-open,html.dark .instructor-search-input-wrap:focus-within{border-color:var(--border-color);box-shadow:none}html.dark .instructor-search-input{color:var(--text-light)}html.dark .instructor-search-menu{background:var(--bg-white);border-color:var(--border-color)}html.dark .instructor-search-item{color:var(--text-light)}html.dark .instructor-search-item:hover{background:var(--bg-light)}html.dark .instructor-search-item.selected{background:var(--status-success-bg);color:var(--primary-green)}html.dark .instructor-search-empty{color:var(--text-muted)}.course-creation-step1{direction:rtl;background-color:#f9fafb;min-height:100vh;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}.course-creation-wizard .course-creation-step1,.edit-course-wizard .course-creation-step1{background:0 0!important}.course-creation-wizard .course-creation-step1 .form-content-grid.course-step1-two-cards,.edit-course-wizard .course-creation-step1 .form-content-grid.course-step1-two-cards{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:stretch;gap:.75rem;width:calc(100% + 5rem);max-width:none;margin-top:1.25rem;margin-left:-2.5rem;margin-right:-2.5rem;padding-top:.5rem;padding-left:.5rem;padding-right:.5rem;display:grid;background:0 0!important}.course-creation-step1 .stepper-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;margin-bottom:.5rem;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f}html.dark .course-creation-step1 .stepper-card{box-shadow:0 1px 3px #0003;background:#1e293b!important}.course-creation-step1 .stepper-card .stepper-container{max-width:60rem;margin:0 auto;padding:0 1rem}.form-content-grid{justify-content:center;align-items:flex-start;width:100%;margin:0 auto 1.5rem;padding:0 1rem;display:flex}.course-creation-step1 .form-content-grid.course-step1-two-cards{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:stretch;gap:.75rem;width:calc(100% + 5rem);max-width:none;margin-top:1.25rem;margin-left:-2.5rem;margin-right:-2.5rem;padding-top:.5rem;padding-left:.5rem;padding-right:.5rem;display:grid;background:0 0!important}.course-creation-step1 .course-step1-card{flex-direction:column;align-self:stretch;max-width:none;height:100%;min-height:100%;margin-top:0;display:flex}@media (max-width:768px){.course-creation-step1 .form-content-grid.course-step1-two-cards,.course-creation-wizard .course-creation-step1 .form-content-grid.course-step1-two-cards,.edit-course-wizard .course-creation-step1 .form-content-grid.course-step1-two-cards{gap:1rem;width:100%;margin-left:0;margin-right:0;grid-template-columns:1fr!important}}.form-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;flex-shrink:0;width:100%;max-width:520px;margin-top:0;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.form-card>.form-field-group{margin-bottom:1rem}.form-select-wrapper{position:relative}.form-select{appearance:none;text-align:right;color:#6b7280;background-image:none;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.75rem;transition:all .2s}.form-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f133}.select-icon{color:#9ca3af;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.level-buttons-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.level-button{color:#4b5563;cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.level-button:hover{border-color:#bfdbfe}.level-button.active{color:#2563eb;background-color:#fff;border-color:#3b82f6}.level-button-icon{margin-bottom:.125rem}.level-button-text{font-size:.625rem;font-weight:700}.course-step1-tip-card{direction:rtl;background-color:#4972e50d;border:1px solid #e0e7ff;border-radius:12px;align-items:flex-start;gap:1rem;width:100%;max-width:60rem;margin:2rem auto 0;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000f}.course-step1-tip-icon-wrap{color:#fff;background-color:#3b82f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.course-step1-tip-icon{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:1.25rem;height:1.25rem}.course-step1-tip-content{text-align:right;flex:1}.course-step1-tip-title{color:#1f2937;margin:0 0 .375rem;font-size:.9rem;font-weight:700}.course-step1-tip-text{color:#4b5563;margin:0;font-size:.8rem;line-height:1.5}.footer.footer-step1{background-color:#fafafa;justify-content:flex-end;align-items:center;width:auto;padding:.875rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:80px}.footer-step1 .footer-inner{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.footer-step1 .footer-btn-next{color:#4b5563;cursor:pointer;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.footer-step1 .footer-btn-next.enabled{color:#fff;cursor:pointer;background-color:#4972e5;border-color:#4972e5}.footer-step1 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}.footer-step1 .footer-btn-next.disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.footer-step1 .footer-progress-text{color:#9ca3af;margin:0;font-size:.8125rem}.admin-layout-main.sidebar-open .footer.footer-step1{right:280px!important}.admin-layout-main.sidebar-closed .footer.footer-step1{right:80px!important}@media (max-width:1024px){.footer.footer-step1{right:0!important}}@media (max-width:768px){.course-creation-step1 .step-title{font-size:.6875rem}.course-creation-step1 .step-subtitle{font-size:.5625rem}.course-creation-step1 .step-labels{width:7rem}}html.dark .course-creation-step1,html.dark .course-creation-wizard .course-creation-step1,html.dark .edit-course-wizard .course-creation-step1{background:0 0!important}html.dark .course-creation-step1 .stepper-line{background-color:var(--border-color)}html.dark .course-creation-step1 .step-circle.active,html.dark .course-creation-step1 .step-circle.completed{background-color:var(--primary-green);box-shadow:0 0 0 .25rem var(--status-success-bg)}html.dark .course-creation-step1 .step-circle.inactive{background-color:var(--bg-light);color:var(--text-muted)}html.dark .course-creation-step1 .step-title{color:var(--text-light)}html.dark .course-creation-step1 .step-title.inactive,html.dark .course-creation-step1 .step-subtitle,html.dark .course-creation-step1 .step-subtitle.inactive{color:var(--text-muted)}html.dark .course-creation-step1 .error-message{background-color:var(--status-error-bg);border-color:var(--border-color);color:var(--status-error)}html.dark .course-creation-step1 .form-card,html.dark .course-creation-step1 .card{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step1 .form-label{color:var(--text-light)}html.dark .course-creation-step1 input,html.dark .course-creation-step1 textarea,html.dark .course-creation-step1 select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .course-creation-step1 .footer.footer-step1{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step1 .footer-step1 .footer-btn-next.enabled{color:#fff;background-color:#4972e5;border-color:#4972e5}html.dark .course-creation-step1 .footer-step1 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}html.dark .course-creation-step1 .footer-step1 .footer-btn-next.disabled{background-color:var(--bg-light);color:var(--text-muted);border-color:var(--border-color)}html.dark .course-creation-step1 .footer-step1 .footer-progress-text{color:var(--text-muted)}html.dark .course-creation-step1 .level-button{border-color:var(--border-color);background:var(--bg-white);color:var(--text-light)}html.dark .course-creation-step1 .level-button:hover{border-color:var(--primary-green);background:var(--status-info-bg)}html.dark .course-creation-step1 .level-button.active{border-color:var(--primary-green);background:var(--status-info-bg);color:var(--primary-green)}html.dark .course-creation-step1 .course-step1-tip-card{background-color:var(--bg-light);box-shadow:0 2px 8px #0000001f}html.dark .course-creation-step1 .course-step1-tip-title{color:var(--text-light)}html.dark .course-creation-step1 .course-step1-tip-text{color:var(--text-muted)}.course-creation-step2{direction:rtl;background-color:#f9fafb;min-height:100vh;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}.course-creation-step2 .stepper-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;margin-bottom:1.5rem;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f}.course-creation-step2 .stepper-card .stepper-container{max-width:60rem;margin:0 auto;padding:0 1rem}.course-creation-step2 .stepper-card .stepper-wrapper{margin-bottom:1.5rem}html.dark .course-creation-step2 .stepper-card{box-shadow:0 1px 3px #0003;background:#1e293b!important}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:relative}.header-content{text-align:right}.header-title{color:#1f2937;font-size:1.125rem;font-weight:700}.header-subtitle{color:#9ca3af;font-size:.75rem}@media (max-width:640px){.header-subtitle{font-size:.625rem}}.header-actions{align-items:center;gap:.75rem;display:flex}.header-button{cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;display:flex}.header-button.cancel{color:#6b7280;font-size:.75rem}.header-button.cancel:hover{color:#374151}.header-button.save-draft{color:#4b5563;border:1px solid #d1d5db;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem}.header-button.save-draft:hover{background-color:#f9fafb}.step-circle{border-radius:50%;justify-content:center;align-items:center;height:2rem;display:flex}.course-creation-step2 .step-circle.completed:before,.course-creation-step2 .step-circle.completed:after,.course-creation-step2 .step-title.completed:before,.course-creation-step2 .step-title.completed:after{display:none!important}.course-creation-step2 .step-circle.completed .step-number{visibility:visible!important;display:flex!important}.step-title.completed{color:#374151;padding-inline-end:0}.course-creation-step2 .step-title.completed{background-image:none!important}.form-content-grid{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media (min-width:768px){.course-creation-step2 .form-content-grid{grid-template-columns:1fr 1fr;align-items:stretch}}.course-creation-step2 .course-image-column,.course-creation-step2 .course-identity-column{flex-direction:column;gap:1rem;display:flex}.course-creation-step2 .course-preview-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;flex-direction:column;width:100%;max-width:32.5rem;margin-bottom:20px;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #0000000d}.course-creation-step2 .course-preview-card .form-label{margin-bottom:.5rem;font-size:.7rem}.course-creation-step2 .course-preview-inner{aspect-ratio:1;border-radius:.5rem;width:100%;max-height:6.55rem;position:relative;overflow:hidden}.course-creation-step2 .course-preview-icon-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.course-creation-step2 .course-preview-icon{opacity:.45;color:#fffffff2;flex-shrink:0;width:4.5rem;min-width:4.5rem;height:4.5rem;min-height:4.5rem}.course-creation-step2 .course-preview-icon-img{-o-object-fit:contain;object-fit:contain;opacity:.45;filter:brightness(0)invert();width:5rem;height:5rem}.course-creation-step2 .course-preview-placeholder{color:#fffc;text-align:center;padding:.25rem;font-size:.65rem}.course-creation-step2 .course-image-column>.form-card.course-image-card{flex-direction:column;min-height:0;margin-top:0;padding-bottom:1rem;display:flex}.course-creation-step2 .course-image-column .thumbnail-upload{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:220px;display:flex}.card-header{margin-bottom:.75rem}@media (max-width:640px){.card-header{margin-bottom:.5rem}}.card-title{color:#1f2937;text-align:right;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.card-subtitle{color:#6b7280;text-align:right;font-size:.875rem}@media (max-width:640px){.card-title{font-size:1rem}.card-subtitle{font-size:.75rem}}.required-mark,.required-asterisk{color:#ef4444;font-weight:600}@media (max-width:640px){.form-label{margin-bottom:.25rem;font-size:.625rem}.optional-label{font-size:.625rem}}.color-picker-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;width:100%;min-height:auto;margin:0;padding:1.5rem 1.5rem 0;box-shadow:0 1px 2px #0000000d}.course-creation-step2 .color-picker-card .form-label{margin-bottom:1.75rem}.color-options{flex-wrap:wrap;gap:.5rem;margin-bottom:0;display:flex}.course-creation-step2 .course-identity-column .icon-picker-card{min-height:22rem}.course-creation-step2 .icon-picker-card-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.course-creation-step2 .icon-picker-card-header-label{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.course-creation-step2 .icon-picker-card-header .form-label{margin-bottom:0}.course-creation-step2 .icon-preview-remove-inline{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;text-decoration:underline;transition:color .2s}.course-creation-step2 .icon-preview-remove-inline:hover{color:#dc2626}.browse-icons-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.browse-icons-btn:hover{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.description-section{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.form-textarea{resize:none;border:1px solid #e5e7eb;border-radius:.5rem;outline:none;width:100%;min-height:6.25rem;padding:.75rem;font-size:.75rem;box-shadow:0 0 0 2px #0000}.form-textarea:focus{border-color:#0000;box-shadow:0 0 0 2px #3b82f6}.textarea-footer{justify-content:space-between;margin-top:.5rem;display:flex}.textarea-hint,.textarea-counter{color:#9ca3af;font-size:.625rem}.video-link-section{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.video-id-hint{color:#6b7280;margin-top:.4rem;font-size:.7rem}.video-input-wrapper{position:relative}.video-input{border:1px solid #e5e7eb;border-radius:.5rem;outline:none;width:100%;padding:.5rem .75rem .5rem 2rem;font-size:.75rem;box-shadow:0 0 0 2px #0000}.video-input:focus{box-shadow:0 0 0 2px #3b82f6}.video-input-icon{color:#9ca3af;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.certificate-section{margin-top:1.5rem;margin-bottom:1.5rem}.certificate-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.certificate-card:hover{background:#f9fafb;border-color:#d1d5db}.certificate-section:has(.certificate-card__checkbox:checked) .certificate-card{background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.certificate-card__icon{color:#6b7280;background:#f3f4f6;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background-color .2s,color .2s;display:flex}.certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__icon{color:#fff;background:#22c55e}.certificate-card__text{color:#374151;text-align:right;flex:1;font-size:.9375rem;font-weight:600}.certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__text{color:#166534}.certificate-card__checkbox{cursor:pointer;accent-color:#22c55e;background:#fff;border:2px solid #d1d5db;border-radius:.375rem;flex-shrink:0;width:1.375rem;height:1.375rem;transition:border-color .2s,background-color .2s}.certificate-card__checkbox:hover{border-color:#9ca3af}.certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__checkbox{background-color:#22c55e;border-color:#22c55e}.certificate-card:focus-within{outline:none;box-shadow:0 0 0 2px #22c55e}.footer.footer-step2{z-index:20;background-color:#fafafa;justify-content:space-between;align-items:center;width:auto;padding:.875rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:80px}.footer-step2 .footer-step2-right{align-items:center;display:flex}.footer-step2 .footer-btn-prev{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.footer-step2 .footer-btn-prev:hover{background-color:#f3f4f6;border-color:#e5e7eb}.footer-step2 .footer-step2-left{align-items:center;gap:1rem;display:flex}.footer-step2 .footer-progress-text{color:#9ca3af;margin:0;font-size:.8125rem}.footer-step2 .footer-btn-next{color:#4b5563;cursor:pointer;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.footer-step2 .footer-btn-next.enabled{color:#fff;cursor:pointer;background-color:#4972e5;border-color:#4972e5}.footer-step2 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}.footer-step2 .footer-btn-next.disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.admin-layout-main.sidebar-open .footer.footer-step2{right:280px!important}.admin-layout-main.sidebar-closed .footer.footer-step2{right:80px!important}@media (max-width:1024px){.footer.footer-step2{right:0!important}}@media (max-width:640px){.upload-icon-container{width:3rem;height:3rem;margin-bottom:.5rem}.upload-text{margin-bottom:.125rem;font-size:.625rem}.upload-hint{margin-bottom:.5rem;font-size:.5625rem}.upload-button{padding:.25rem .75rem;font-size:.625rem}.thumbnail-note{margin-top:.5rem;font-size:.5625rem}.note-dot{width:.1875rem;height:.1875rem}}.course-identity-container{max-width:1200px;margin:0 auto}.course-identity-container .header-section{margin-bottom:28px}.course-identity-container .header-section h1{margin:0 0 8px;font-size:22px;font-weight:700}.course-identity-container .header-section p{color:#718096;margin:0;font-size:14px}.course-identity-container .main-grid{grid-template-columns:1.2fr .8fr;gap:28px;display:grid}.course-identity-container .card{background:#fff;border:1px solid #edf2f7;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.course-identity-container .card-header{text-align:left;margin-bottom:18px}.course-identity-container .label{color:#4a5568;font-size:15px;font-weight:600}.course-identity-container .optional{color:#a0aec0;font-size:13px;font-weight:400}.course-identity-container .color-section{margin-bottom:20px}.course-identity-container .color-grid{flex-wrap:wrap;gap:10px;display:flex}.course-identity-container .color-swatch{cursor:pointer;border-radius:8px;width:40px;height:40px;transition:transform .2s}.course-identity-container .color-swatch:hover{transform:scale(1.08)}.course-identity-container .color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #4c6ef5}.course-identity-container .icon-layout{align-items:flex-start;gap:14px;display:flex}.course-identity-container .add-icon-btn{color:#a0aec0;cursor:pointer;border:2px dashed #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.course-identity-container .add-icon-btn span{margin-top:4px;font-size:11px}.course-identity-container .icon-grid{flex-grow:1;grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.course-identity-container .icon-item{color:#4a5568;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.course-identity-container .icon-item:hover{background:#f7fafc;border-color:#cbd5e0}.course-identity-container .icon-item.selected{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.course-identity-container .icon-footer{color:#a0aec0;text-align:left;margin-top:14px;font-size:12px}.course-identity-container .upload-section{flex-direction:column;height:100%;display:flex}.course-identity-container .upload-area{text-align:center;border:2px dashed #e2e8f0;border-radius:10px;flex-grow:1;justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex}.course-identity-container .upload-area.has-image{flex-direction:column;min-height:auto;padding:20px}.course-identity-container .upload-content h3{color:#4a5568;margin:14px 0 6px;font-size:15px}.course-identity-container .upload-content p{color:#a0aec0;margin-bottom:20px;font-size:13px}.course-identity-container .upload-btn{color:#fff;cursor:pointer;background-color:#5c7cfa;border:none;border-radius:6px;align-items:center;padding:9px 20px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.course-identity-container .upload-btn:hover{background-color:#4263eb}.course-identity-container .upload-footer{color:#718096;align-items:center;margin-top:14px;font-size:12px;display:flex}.course-identity-container .cloud-icon{margin-bottom:14px}@media (max-width:1024px){.course-identity-container .main-grid{grid-template-columns:1fr;gap:20px}.course-identity-container .icon-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:640px){.course-identity-container .upload-area{min-height:220px;padding:24px}.course-identity-container .icon-grid{grid-template-columns:repeat(5,1fr)}.course-identity-container .color-grid{gap:8px}.course-identity-container .color-swatch{width:36px;height:36px}.course-identity-container .icon-item{width:32px;height:32px}}.requirements-objectives-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (min-width:640px){.requirements-objectives-grid{grid-template-columns:repeat(2,1fr)}}.info-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;flex-direction:column;padding:1.25rem;display:flex;box-shadow:0 1px 2px #0000000d}.info-card .form-textarea{resize:vertical;flex:1;min-height:5rem}.info-hint{color:#9ca3af;text-align:right;margin-top:.5rem;font-size:.625rem}@media (max-width:768px){.course-creation-step2 .step-title{font-size:.6875rem}.course-creation-step2 .step-subtitle{font-size:.5625rem}.course-creation-step2 .step-labels{width:6.5rem}}html.dark .course-creation-step2{background-color:#0000}html.dark .course-creation-step2 .stepper-line{background-color:var(--border-color)}html.dark .course-creation-step2 .step-circle.active,html.dark .course-creation-step2 .step-circle.completed{background-color:var(--primary-green);box-shadow:0 0 0 .25rem var(--status-success-bg)}html.dark .course-creation-step2 .step-circle.completed:before,html.dark .course-creation-step2 .step-circle.completed:after,html.dark .course-creation-step2 .step-title.completed:before,html.dark .course-creation-step2 .step-title.completed:after{display:none!important}html.dark .course-creation-step2 .step-circle.completed .step-number{visibility:visible!important;display:flex!important}html.dark .course-creation-step2 .step-title.completed{background-image:none!important}html.dark .course-creation-step2 .step-circle.inactive{background-color:var(--bg-light);color:var(--text-muted)}html.dark .course-creation-step2 .step-title,html.dark .course-creation-step2 .step-title.completed{color:var(--text-light)}html.dark .course-creation-step2 .step-title.inactive,html.dark .course-creation-step2 .step-subtitle,html.dark .course-creation-step2 .step-subtitle.inactive{color:var(--text-muted)}html.dark .course-creation-step2 .error-message{background-color:var(--status-error-bg);border-color:var(--border-color);color:var(--status-error)}html.dark .course-creation-step2 .header{background-color:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .header-title{color:var(--text-light)}html.dark .course-creation-step2 .header-subtitle,html.dark .course-creation-step2 .header-button.cancel{color:var(--text-muted)}html.dark .course-creation-step2 .header-button.cancel:hover{color:var(--text-light)}html.dark .course-creation-step2 .header-button.save-draft{border-color:var(--border-color);color:var(--text-light)}html.dark .course-creation-step2 .header-button.save-draft:hover{background-color:var(--bg-light)}html.dark .course-creation-step2 .thumbnail-upload{background-color:var(--bg-light);border-color:var(--border-color)}html.dark .course-creation-step2 .upload-text{color:var(--text-light)}html.dark .course-creation-step2 .upload-hint,html.dark .course-creation-step2 .thumbnail-note,html.dark .course-creation-step2 .note-dot{color:var(--text-muted)}html.dark .course-creation-step2 .upload-icon-container{background-color:var(--bg-light)}html.dark .course-creation-step2 .upload-icon{color:var(--text-muted)}html.dark .course-creation-step2 .upload-button{background-color:var(--primary-green);color:#fff}html.dark .course-creation-step2 .upload-button:hover{background-color:var(--primary-green-dark)}html.dark .course-creation-step2 .remove-image-button{color:var(--status-error)}html.dark .course-creation-step2 .optional-label{color:var(--text-muted)}html.dark .course-creation-step2 .form-card,html.dark .course-creation-step2 .card{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .card-title{color:var(--text-light)}html.dark .course-creation-step2 .card-subtitle{color:var(--text-muted)}html.dark .course-creation-step2 .form-label,html.dark .course-creation-step2 label{color:var(--text-light)}html.dark .course-creation-step2 input,html.dark .course-creation-step2 textarea,html.dark .course-creation-step2 select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .course-creation-step2 .color-picker-card,html.dark .course-creation-step2 .icon-picker-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .color-option.selected{box-shadow:0 0 0 2px var(--primary-green),0 0 0 4px var(--bg-white)}html.dark .course-creation-step2 .icon-option{border-color:var(--border-color);background:var(--bg-white);color:var(--text-muted)}html.dark .course-creation-step2 .icon-option:hover{background-color:var(--bg-light)}html.dark .course-creation-step2 .icon-option.selected{background-color:var(--status-info-bg);border-color:var(--primary-green);color:var(--primary-green)}html.dark .course-creation-step2 .icon-hint{color:var(--text-muted)}html.dark .course-creation-step2 .browse-icons-btn{color:#93c5fd;border-color:var(--border-color);background:#2563eb33}html.dark .course-creation-step2 .browse-icons-btn:hover{color:#bfdbfe;background:#2563eb4d}html.dark .course-creation-step2 .custom-icon-label{color:var(--text-light)}html.dark .course-creation-step2 .custom-icon-dropzone{border-color:var(--border-color)}html.dark .course-creation-step2 .custom-icon-dropzone:hover{background-color:var(--bg-light)}html.dark .course-creation-step2 .custom-icon-text{color:var(--text-light)}html.dark .course-creation-step2 .custom-icon-hint{color:var(--text-muted)}html.dark .course-creation-step2 .icon-preview-box,html.dark .edit-course-wizard .course-creation-step2 .icon-preview-box{background:var(--bg-light);border-color:var(--border-color)}html.dark .course-creation-step2 .icon-preview-display,html.dark .edit-course-wizard .course-creation-step2 .icon-preview-display{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .icon-preview-lucide,html.dark .edit-course-wizard .course-creation-step2 .icon-preview-lucide{color:var(--text-light)}html.dark .course-creation-step2 .icon-preview-remove,html.dark .edit-course-wizard .course-creation-step2 .icon-preview-remove{color:var(--status-error)}html.dark .course-creation-step2 .icon-preview-remove:hover,html.dark .edit-course-wizard .course-creation-step2 .icon-preview-remove:hover{color:var(--status-error);opacity:.9}html.dark .course-creation-step2 .form-textarea{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .course-creation-step2 .textarea-hint,html.dark .course-creation-step2 .textarea-counter{color:var(--text-muted)}html.dark .course-creation-step2 .video-input-wrapper{border-color:var(--border-color);background:var(--bg-white)}html.dark .course-creation-step2 .video-input{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .course-creation-step2 .video-input-icon{color:var(--text-muted)}html.dark .course-creation-step2 .checkbox-label{color:var(--text-light)}html.dark .course-creation-step2 .info-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .info-hint{color:var(--text-muted)}html.dark .course-creation-step2 .description-section,html.dark .course-creation-step2 .video-link-section,html.dark .course-creation-step2 .certificate-card,html.dark .edit-course-wizard .course-creation-step2 .certificate-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .certificate-card:hover,html.dark .edit-course-wizard .course-creation-step2 .certificate-card:hover{background:var(--bg-light);border-color:var(--border-color)}html.dark .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card{border-color:var(--primary-green);background:var(--status-success-bg);box-shadow:0 0 0 3px #22c55e33}html.dark .edit-course-wizard .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card{border-color:var(--primary-green);background:var(--status-success-bg);box-shadow:0 0 0 3px #22c55e33}html.dark .course-creation-step2 .certificate-card__icon,html.dark .edit-course-wizard .course-creation-step2 .certificate-card__icon{background:var(--bg-light);color:var(--text-muted)}html.dark .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__icon{background:var(--primary-green);color:#fff}html.dark .edit-course-wizard .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__icon{background:var(--primary-green);color:#fff}html.dark .course-creation-step2 .certificate-card__text,html.dark .edit-course-wizard .course-creation-step2 .certificate-card__text{color:var(--text-light)}html.dark .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__text{color:var(--primary-green)}html.dark .edit-course-wizard .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__text{color:var(--primary-green)}html.dark .course-creation-step2 .certificate-card__checkbox,html.dark .edit-course-wizard .course-creation-step2 .certificate-card__checkbox{background:var(--bg-light);border-color:var(--border-color);accent-color:var(--primary-green)}html.dark .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__checkbox{background:var(--primary-green);border-color:var(--primary-green)}html.dark .edit-course-wizard .course-creation-step2 .certificate-section:has(.certificate-card__checkbox:checked) .certificate-card__checkbox{background:var(--primary-green);border-color:var(--primary-green)}html.dark .course-creation-step2 .certificate-card:focus-within,html.dark .edit-course-wizard .course-creation-step2 .certificate-card:focus-within{box-shadow:0 0 0 2px var(--primary-green)}html.dark .course-creation-step2 .footer.footer-step2{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .footer-step2 .footer-btn-prev{background:var(--bg-white);color:var(--text-light);border-color:var(--border-color)}html.dark .course-creation-step2 .footer-step2 .footer-btn-prev:hover{background:var(--bg-light)}html.dark .course-creation-step2 .footer-step2 .footer-btn-next.enabled{color:#fff;background-color:#4972e5;border-color:#4972e5}html.dark .course-creation-step2 .footer-step2 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}html.dark .course-creation-step2 .footer-step2 .footer-btn-next.disabled{background:var(--bg-light);color:var(--text-muted);border-color:var(--border-color)}html.dark .course-creation-step2 .footer-step2 .footer-progress-text{color:var(--text-muted)}html.dark .course-creation-step2 .course-identity-container{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-creation-step2 .course-identity-container .color-swatch{border-color:var(--border-color)}html.dark .course-creation-step2 .course-identity-container .icon-item{border-color:var(--border-color);color:var(--text-muted)}html.dark .course-creation-step2 .course-identity-container .icon-item.selected{background:var(--status-info-bg);border-color:var(--primary-green);color:var(--primary-green)}.course-creation-step3{background-color:#f8fafc}.course-creation-step3 .stepper-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;margin-bottom:.5rem;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f}.course-creation-step3 .stepper-card .stepper-container{max-width:60rem;margin:0 auto;padding:0 1rem}.course-creation-step3 .stepper-card .stepper-wrapper{margin-bottom:1.5rem}.course-creation-step3 .step-circle.completed:before,.course-creation-step3 .step-circle.completed:after,.course-creation-step3 .step-title.completed:before,.course-creation-step3 .step-title.completed:after{display:none!important}.course-creation-step3 .step-circle.completed .step-number{visibility:visible!important;display:flex!important}.course-creation-step3 .step-title.completed{background-image:none!important}html.dark .course-creation-step3 .stepper-card{box-shadow:0 1px 3px #0003;background:#1e293b!important}html.dark .course-creation-step3 .step-circle.completed:before,html.dark .course-creation-step3 .step-circle.completed:after,html.dark .course-creation-step3 .step-title.completed:before,html.dark .course-creation-step3 .step-title.completed:after{display:none!important}html.dark .course-creation-step3 .step-circle.completed .step-number{visibility:visible!important;display:flex!important}html.dark .course-creation-step3 .step-title.completed{background-image:none!important}.course-creation-step3 .font-bold,.course-creation-step3 [class*=font-bold],.course-creation-step3 h1,.course-creation-step3 h2,.course-creation-step3 h3{font-weight:500!important}.course-creation-step3 .bg-white.rounded-xl h3,.course-creation-step3 .course-status-card h3,.course-creation-step3 .font-medium{font-weight:400!important}.course-creation-step3 .border-2,.course-creation-step3 [class*=border-2]{border-width:1px!important}.course-creation-step3 .border,.course-creation-step3 [class*=border]{border-width:1px}.course-creation-step3 .border-t{border-top-width:1px}.course-creation-step3 .ring-4{box-shadow:0 0 0 2px #3b82f633}.course-creation-step3 .absolute.w-full.bg-gray-200{height:1px!important}html.dark .course-creation-step3{background-color:var(--bg-dark)!important}html.dark .course-creation-step3 header{background-color:#0000!important;border:none!important}html.dark .course-creation-step3 header h1,html.dark .course-creation-step3 header .text-gray-800{color:var(--text-light)!important}html.dark .course-creation-step3 header .text-gray-400,html.dark .course-creation-step3 .text-gray-400,html.dark .course-creation-step3 header button.text-gray-500{color:var(--text-muted)!important}html.dark .course-creation-step3 header button.text-gray-500:hover{color:var(--text-light)!important}html.dark .course-creation-step3 header button.border{border-color:var(--border-color)!important;color:var(--text-light)!important}html.dark .course-creation-step3 header button.border:hover{background-color:var(--bg-light)!important}.course-creation-step3 main>div.flex.items-center.justify-between.relative{max-width:900px;margin-left:auto;margin-right:auto;padding:0 1rem}.course-creation-step3 main>div.flex.items-center.justify-between.relative>div.absolute.w-full{max-width:900px;left:50%;transform:translate(-50%,-50%);width:850px!important}.course-creation-step3 main>div.flex.items-center.justify-between.relative>div.relative.z-10>div.absolute.top-10{max-width:96px;width:96px!important}html.dark .course-creation-step3 .bg-gray-200{background-color:var(--border-color)!important}html.dark .course-creation-step3 .bg-blue-600{background-color:var(--primary-green)!important}html.dark .course-creation-step3 .text-gray-700,html.dark .course-creation-step3 .text-gray-800{color:var(--text-light)!important}html.dark .course-creation-step3 .ring-4.ring-blue-50{box-shadow:0 0 0 4px var(--status-info-bg)!important}html.dark .course-creation-step3 .border-green-200{border-color:var(--border-color)!important}html.dark .course-creation-step3 h2.text-gray-800{color:var(--text-light)!important}html.dark .course-creation-step3 .text-gray-500{color:var(--text-muted)!important}html.dark .course-creation-step3 .bg-white{background-color:var(--bg-white)!important}html.dark .course-creation-step3 .border-gray-100,html.dark .course-creation-step3 .border.border-gray-100{border-color:var(--border-color)!important}html.dark .course-creation-step3 .bg-blue-50{background-color:var(--status-info-bg)!important}html.dark .course-creation-step3 .text-blue-600{color:var(--primary-green)!important}html.dark .course-creation-step3 .bg-purple-50{background-color:var(--status-info-bg)!important}html.dark .course-creation-step3 .text-purple-600{color:var(--primary-green)!important}html.dark .course-creation-step3 .bg-green-50{background-color:var(--status-success-bg)!important}html.dark .course-creation-step3 .text-green-600{color:var(--status-success)!important}html.dark .course-creation-step3 .text-gray-600{color:var(--text-muted)!important}html.dark .course-creation-step3 .text-gray-700{color:var(--text-light)!important}html.dark .course-creation-step3 .text-gray-300{color:var(--text-muted)!important}html.dark .course-creation-step3 .bg-gray-100{background-color:var(--bg-light)!important}html.dark .course-creation-step3 .bg-gray-100 .text-gray-400{color:var(--text-muted)!important}.footer.footer-step3{z-index:20;background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:auto;padding:.875rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:80px}.footer-step3 .footer-step3-right{align-items:center;gap:.75rem;display:flex}.footer-step3 .footer-step3-btn{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.footer-step3 .footer-step3-btn-prev:hover,.footer-step3 .footer-step3-btn-edit:hover{background-color:#e5e7eb;border-color:#d1d5db}.footer-step3 .footer-step3-btn-publish{color:#fff!important;background-color:#4972e5!important;border-color:#4972e5!important}.footer-step3 .footer-step3-btn-publish:hover:not(.disabled){background-color:#3d61c9!important;border-color:#3d61c9!important}.footer-step3 .footer-step3-btn-publish.disabled{cursor:not-allowed;color:#9ca3af!important;background-color:#e5e7eb!important;border-color:#e5e7eb!important}.admin-layout-main.sidebar-open .footer.footer-step3{right:280px!important}.admin-layout-main.sidebar-closed .footer.footer-step3{right:80px!important}@media (max-width:1024px){.footer.footer-step3{right:0!important}}html.dark .course-creation-step3 .footer.footer-step3{background-color:var(--bg-white)!important;border-color:var(--border-color)!important}html.dark .course-creation-step3 .footer-step3 .footer-step3-btn-prev,html.dark .course-creation-step3 .footer-step3 .footer-step3-btn-edit{border-color:var(--border-color)!important;color:var(--text-light)!important;background-color:var(--bg-light)!important}html.dark .course-creation-step3 .footer-step3 .footer-step3-btn-prev:hover,html.dark .course-creation-step3 .footer-step3 .footer-step3-btn-edit:hover{background-color:var(--border-color)!important}html.dark .course-creation-step3 .footer-step3 .footer-step3-btn-publish:not(.disabled){color:#fff!important;background-color:#4972e5!important;border-color:#4972e5!important}html.dark .course-creation-step3 .footer-step3 .footer-step3-btn-publish.disabled{background-color:var(--bg-light)!important;color:var(--text-muted)!important;border-color:var(--border-color)!important}html.dark .course-creation-step3 .course-status-card{background-color:var(--bg-white)!important;border-color:var(--border-color)!important}html.dark .course-creation-step3 .course-status-card h3{color:var(--text-light)!important}.course-creation-step3 .course-status-card .status-option-published{background-color:#4972e50d!important;border:2px solid #4972e533!important}html.dark .course-creation-step3 .course-status-card .status-option-draft,html.dark .course-creation-step3 .course-status-card .status-option-published{border-color:var(--border-color)!important}html.dark .course-creation-step3 .course-status-card .status-option-draft:hover{background-color:var(--bg-light)!important}html.dark .course-creation-step3 .course-status-card .status-option-draft p.text-gray-800,html.dark .course-creation-step3 .course-status-card .status-option-published p.text-gray-800{color:var(--text-light)!important}html.dark .course-creation-step3 .course-status-card .status-option-draft p.text-gray-400,html.dark .course-creation-step3 .course-status-card .status-option-published p.text-gray-400{color:var(--text-muted)!important}html.dark .course-creation-step3 .course-status-card .status-radio-draft{border-color:var(--border-color)!important}html.dark .course-creation-step3 .course-status-card .status-option-draft .bg-gray-600{background-color:var(--text-muted)!important}html.dark .course-creation-step3 .course-status-card .status-option-published{background-color:var(--status-info-bg)!important}html.dark .course-creation-step3 .course-status-card .status-radio-published{border-color:var(--primary-green)!important}html.dark .course-creation-step3 .course-status-card .status-radio-dot.bg-blue-600{background-color:var(--primary-green)!important}@media (max-width:768px){.course-creation-step3 .step-title{font-size:.6875rem}.course-creation-step3 .step-subtitle{font-size:.5625rem}.course-creation-step3 .step-labels{width:6.5rem}.course-creation-step3 .step3-three-cards{grid-template-columns:1fr!important;gap:.75rem!important;display:grid!important}}html.dark .course-creation-step3 .step3-three-cards>div{border:1px solid #e5e7eb40!important}html.dark .course-creation-step3 .step3-three-cards p,html.dark .course-creation-step3 .step3-three-cards span,html.dark .course-creation-step3 .step3-three-cards li{color:#fff!important}html.dark .course-creation-step3 .step3-certificate-row{border:none!important}.course-success-page{direction:rtl;background-color:#f9fafb;min-height:100vh;padding:1.5rem 1rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}@media (min-width:640px){.course-success-page{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.course-success-page{padding-left:2rem;padding-right:2rem}}.course-success-page .success-inner{max-width:56rem;margin:0 auto}.course-success-page .success-header{text-align:center;margin-bottom:1.5rem}.course-success-page .success-icon-wrap{background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;display:inline-flex;box-shadow:0 10px 15px -3px #10b98133,0 4px 6px -2px #10b9811a}.course-success-page .success-icon-wrap svg{color:#fff!important}.course-success-page .success-title{color:#1e293b;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flex}.course-success-page .success-subtitle{color:#64748b;font-size:.875rem}.course-success-page .success-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000001a}@media (min-width:768px){.course-success-page .success-card{flex-direction:row}}.course-success-page .success-card-preview-icon{background-color:#eef2ff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:6rem;height:6rem;display:flex}.course-success-page .success-card-preview-icon-inner{background-color:#fff;border-radius:.5rem;padding:.5rem;box-shadow:0 1px 2px #0000000d}.course-success-page .success-card-preview-icon-inner svg{color:#4f46e5;width:1.5rem;height:1.5rem}.course-success-page .success-badge-published{color:#059669;background-color:#ecfdf5;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.course-success-page .success-badge-category{color:#4f46e5;background-color:#eef2ff;border-radius:9999px;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.course-success-page .success-card-title{color:#1e293b;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.course-success-page .success-card-desc{color:#64748b;margin-bottom:.75rem;font-size:.875rem;line-height:1.625}.course-success-page .success-meta{color:#94a3b8;flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.course-success-page .success-meta span{align-items:center;gap:.25rem;display:flex}.course-success-page .success-actions-card{padding:1.5rem}.course-success-page .success-actions-title{text-align:center;color:#1e293b;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.course-success-page .success-actions-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.course-success-page .success-actions-grid{grid-template-columns:repeat(2,1fr)}}.course-success-page .success-action-btn{cursor:pointer;text-align:center;background-color:#0000;border:1px solid #f1f5f9;border-radius:.75rem;flex-direction:column;align-items:center;padding:1rem;font-family:inherit;transition:background-color .2s,border-color .2s;display:flex}.course-success-page .success-action-btn:hover{background-color:#f8fafc;border-color:#c7d2fe}.course-success-page .success-action-btn.primary{background-color:#eef2ff4d;border-width:2px;border-color:#c7d2fe}.course-success-page .success-action-btn.primary:hover{background-color:#eef2ff}.course-success-page .success-action-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;display:flex}.course-success-page .success-action-btn.primary .success-action-icon-wrap{background-color:#4f46e5;box-shadow:0 4px 6px -1px #4f46e533}.course-success-page .success-action-btn.primary .success-action-icon-wrap svg{color:#fff;width:1.25rem;height:1.25rem}.course-success-page .success-action-btn:not(.primary) .success-action-icon-wrap{background-color:#eef2ff}.course-success-page .success-action-btn:not(.primary) .success-action-icon-wrap svg{color:#818cf8;width:1.25rem;height:1.25rem}.course-success-page .success-action-btn.blue .success-action-icon-wrap{background-color:#eff6ff}.course-success-page .success-action-btn.blue .success-action-icon-wrap svg{color:#60a5fa}.course-success-page .success-action-btn.green .success-action-icon-wrap{background-color:#ecfdf5}.course-success-page .success-action-btn.green .success-action-icon-wrap svg{color:#34d399}.course-success-page .success-action-label{color:#334155;margin-bottom:.25rem;font-size:.875rem;font-weight:700}.course-success-page .success-action-btn.primary .success-action-label{color:#4338ca}.course-success-page .success-action-hint{color:#94a3b8;font-size:.75rem}.course-success-page .success-action-btn.primary .success-action-hint{color:#818cf8}.course-success-page .success-tips{background-color:#eef2ff80;border:1px solid #c7d2fe;border-radius:1rem;padding:1rem;position:relative;overflow:hidden}.course-success-page .success-tips-icon-wrap{background-color:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 10px 15px -3px #4f46e533}.course-success-page .success-tips-icon-wrap svg{color:#fff;width:1rem;height:1rem}.course-success-page .success-tips-content{padding-right:2.5rem}.course-success-page .success-tips-title{color:#4338ca;margin-bottom:.75rem;font-size:.875rem;font-weight:700}.course-success-page .success-tips-list{margin:0;padding:0;list-style:none}.course-success-page .success-tips-list li{color:#475569;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.course-success-page .success-tips-list li:last-child{margin-bottom:0}.course-success-page .success-tips-list li svg{color:#6366f1;flex-shrink:0;width:.875rem;height:.875rem;margin-top:2px}html.dark .course-success-page{background-color:var(--bg-dark)}html.dark .course-success-page .success-icon-wrap{background-color:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .course-success-page .success-title{color:var(--text-light)}html.dark .course-success-page .success-subtitle{color:var(--text-muted)}html.dark .course-success-page .success-card{background-color:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-sm)}html.dark .course-success-page .success-card-preview-icon{background-color:var(--bg-light)}html.dark .course-success-page .success-card-preview-icon-inner{background-color:var(--bg-white)}html.dark .course-success-page .success-card-preview-icon-inner svg{color:var(--primary-green)}html.dark .course-success-page .success-badge-published{background-color:var(--status-success-bg);color:var(--status-success)}html.dark .course-success-page .success-badge-category{background-color:var(--status-info-bg);color:var(--primary-green)}html.dark .course-success-page .success-card-title{color:var(--text-light)}html.dark .course-success-page .success-card-desc,html.dark .course-success-page .success-meta{color:var(--text-muted)}html.dark .course-success-page .success-actions-card{background-color:var(--bg-white);border-color:var(--border-color)}html.dark .course-success-page .success-actions-title{color:var(--text-light)}html.dark .course-success-page .success-action-btn{border-color:var(--border-color);background-color:#0000}html.dark .course-success-page .success-action-btn:hover{border-color:var(--border-hover);background-color:var(--bg-light)}html.dark .course-success-page .success-action-btn.primary{border-color:var(--primary-green);background-color:var(--status-info-bg)}html.dark .course-success-page .success-action-btn.primary:hover{background-color:var(--bg-light)}html.dark .course-success-page .success-action-btn.primary .success-action-icon-wrap{background-color:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .course-success-page .success-action-btn:not(.primary) .success-action-icon-wrap{background-color:var(--bg-light)}html.dark .course-success-page .success-action-btn:not(.primary) .success-action-icon-wrap svg{color:var(--primary-green)}html.dark .course-success-page .success-action-btn.blue .success-action-icon-wrap{background-color:var(--status-info-bg)}html.dark .course-success-page .success-action-btn.blue .success-action-icon-wrap svg{color:var(--primary-green-light)}html.dark .course-success-page .success-action-btn.green .success-action-icon-wrap{background-color:var(--status-success-bg)}html.dark .course-success-page .success-action-btn.green .success-action-icon-wrap svg{color:var(--status-success)}html.dark .course-success-page .success-action-label{color:var(--text-light)}html.dark .course-success-page .success-action-btn.primary .success-action-label{color:var(--primary-green-light)}html.dark .course-success-page .success-action-hint,html.dark .course-success-page .success-action-btn.primary .success-action-hint{color:var(--text-muted)}html.dark .course-success-page .success-tips{background-color:var(--status-info-bg);border-color:var(--border-color)}html.dark .course-success-page .success-tips-icon-wrap{background-color:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .course-success-page .success-tips-title{color:var(--primary-green-light)}html.dark .course-success-page .success-tips-list li{color:var(--text-muted)}html.dark .course-success-page .success-tips-list li svg{color:var(--primary-green)}.course-creation-wizard{min-height:100vh;padding:2rem}.course-creation-wizard.loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{color:#5d5fef;justify-content:center;align-items:center;padding:2rem;font-size:1.2rem;font-weight:600;display:flex}.loading-spinner:before{content:"";border:3px solid #5d5fef;border-top-color:#0000;border-radius:50%;width:24px;height:24px;margin-left:12px;animation:1s linear infinite spin;display:inline-block}html.dark .course-creation-wizard{background:0 0}html.dark .loading-spinner{color:var(--primary-green)}html.dark .loading-spinner:before{border-color:var(--primary-green);border-top-color:#0000}.edit-course-page{background:#f9fafb;min-height:100%}.edit-course-wizard{min-height:100vh;padding:2rem}.add-course-page{direction:rtl;background:#f9fafb;min-height:100vh;padding:2rem}.page-header{justify-content:space-between;align-items:center;display:flex}.settings-form{flex-direction:column;gap:2rem;width:100%;display:flex}.thumbnail-preview{border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:300px;margin-top:1rem;overflow:hidden}.thumbnail-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:200px}.form-checkbox-group{align-items:center;gap:.5rem;display:flex}.form-checkbox-group label{cursor:pointer;color:#4a5568;align-items:center;gap:.5rem;font-size:14px;display:flex}.form-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#4972e5;border:2px solid #e2e8f0;border-radius:4px;width:18px;height:18px}.error-message{color:#e53e3e;background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:10px;width:100%;padding:1rem;font-size:14px}@media (max-width:768px){.add-course-page{padding:1rem}.page-header,.form-section{background:#fff;border:1px solid #00000005;border-radius:16px;width:100%;padding:2rem;box-shadow:0 4px 20px #0000000a}.form-row{grid-template-columns:1fr}.page-header{text-align:center;flex-direction:column;align-items:stretch;gap:1rem}.btn-secondary,.btn-primary{justify-content:center;width:100%}.form-actions{flex-direction:column-reverse}}:root{--primary:#4f6ef7;--bg-body:#f8fafc;--text-dark:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--white:#fff;--green:#10b981;--orange:#f59e0b;--purple:#8b5cf6}.course-manager{width:100%;max-width:none;margin:0;padding:20px}.top-bar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.title-group{align-items:center;gap:12px;display:flex}.back-arrow{color:var(--text-dark);cursor:pointer;transition:color .3s}.back-arrow:hover{color:var(--primary)}.top-bar h1{color:var(--text-dark);font-size:18px;font-weight:500}.btn-add-section{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 12px #4f6ef733}.btn-add-section:hover{background:#3b5bdb;transform:translateY(-2px);box-shadow:0 6px 16px #4f6ef74d}.stats-grid{direction:rtl;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{aspect-ratio:2.8;direction:rtl;background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:20px;min-height:80px;max-height:96px;padding:20px 24px;transition:box-shadow .2s,border-color .2s;display:grid;box-shadow:0 1px 3px #0000000f}.stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #00000014}.stat-info{text-align:right;direction:rtl;flex-direction:column;flex:1;justify-content:center;align-items:flex-end;gap:4px;min-width:0;display:flex}.stat-label{color:#64748b;text-align:right;direction:rtl;font-size:12px;font-weight:500;line-height:1.35;display:block}.stat-value{text-align:right;color:#1e293b;letter-spacing:-.02em;direction:rtl;font-size:20px;font-weight:700;line-height:1.2;display:block}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.stat-icon svg{width:18px;height:18px}.blue-bg{color:#2563eb;background:#dbeafe}.purple-bg{color:#7c3aed;background:#ede9fe}.green-bg{color:#059669;background:#d1fae5}.gray-bg{color:#64748b;background:#f1f5f9}.sections-container{flex-direction:column;gap:15px;display:flex}.section-block{background:var(--white);border:1px solid var(--border);border-radius:12px;transition:all .3s;overflow:visible}.section-block:hover{box-shadow:0 4px 12px #00000014}.section-block.content-view{border-radius:12px;overflow:hidden}.section-header.content-view-header{background:#f9fafb;border:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.section-header.content-view-header .section-right{order:1;align-items:center;gap:12px;display:flex}.section-header.content-view-header .section-title-info{flex:0 auto;min-width:0}.section-header.content-view-header .section-name{color:var(--text-dark);margin:0;font-size:1rem;font-weight:600;line-height:1.35}.section-header.content-view-header .section-meta{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.section-number.content-view-badge{background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:600;display:flex}.drag-handle.content-view-drag{color:#94a3b8;cursor:grab;justify-content:center;align-items:center;padding:4px;display:flex}.drag-handle.content-view-drag:hover{color:var(--text-dark)}.section-block.section-dragging{opacity:.6}.section-block.section-drag-over{outline:2px dashed var(--primary);outline-offset:2px}.section-block .drag-handle.content-view-drag:active{cursor:grabbing}.section-left.content-view-actions{order:2;align-items:center;gap:8px;display:flex}.section-menu-wrap,.add-dropdown-wrap{position:relative}.icon-btn-dots{padding:6px 8px}.section-menu-backdrop{z-index:9998;position:fixed;inset:0}.section-menu-dropdown,.add-dropdown-menu,.content-view-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:180px;margin-top:6px;padding:6px 0;animation:.2s fadeIn;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #00000026}.content-view-menu-wrap,.content-view-add-wrap{position:relative}.section-block.content-view{overflow:visible}.add-dropdown-menu{right:0}.lesson-actions-dropdown{left:0;right:auto}.content-view-badge-published{margin-right:0}.section-menu-dropdown button,.add-dropdown-menu button{width:100%;color:var(--text-dark);cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:.875rem;transition:background .2s;display:flex}.section-menu-dropdown button:hover,.add-dropdown-menu button:hover{background:#f8fafc}.btn-add-dropdown{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-add-dropdown:hover{background:#f1f5f9}.lessons-list.content-view-list{background:#fafafa;border-top:none;padding:0}.lesson-item.content-view-lesson{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:14px 20px;transition:background .2s;display:flex}.lesson-item.content-view-lesson:last-child{border-bottom:none}.lesson-item.content-view-lesson:hover{background:#f8fafc;margin:0}.lesson-item.content-view-lesson .lesson-icon-wrap{flex-shrink:0}.lesson-item.content-view-lesson .lesson-type-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lesson-item.content-view-lesson .lesson-type-icon.video{color:#3b82f6;background:#eff6ff}.lesson-item.content-view-lesson .lesson-type-icon.article{color:#8b5cf6;background:#f5f3ff}.lesson-item.content-view-lesson .lesson-type-icon.quiz{color:#f59e0b;background:#fff7ed}.lesson-item.content-view-lesson .lesson-details{flex:1;min-width:0}.lesson-item.content-view-lesson .lesson-title{color:var(--text-dark);margin:0 0 4px;font-size:.9375rem;font-weight:500;line-height:1.35}.lesson-item.content-view-lesson .lesson-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.75rem;display:flex}.lesson-item.content-view-lesson .badge-quiz{color:#d97706;background:#fffbeb;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.lesson-actions-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.lesson-drag{color:#94a3b8;cursor:grab;padding:4px}.lesson-item.content-view-lesson.quiz-item .lesson-type-icon{color:#f59e0b;background:#fff7ed}.section-header{background:var(--white);justify-content:space-between;align-items:center;padding:15px 20px;transition:background .3s;display:flex}.section-header:hover{background:#f8fafc}html.dark .course-manager,html.dark .back-arrow{color:var(--text-light)}html.dark .back-arrow:hover{color:var(--primary-green)}html.dark .top-bar h1{color:var(--text-light)}html.dark .btn-add-section{background:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .btn-add-section:hover{background:var(--primary-green-dark);box-shadow:var(--shadow-green-lg)}html.dark .stat-card{background:var(--bg-white);border-color:var(--border-color);box-shadow:0 1px 3px #0003}html.dark .stat-card:hover{box-shadow:var(--shadow-md)}html.dark .stat-label{color:var(--text-muted)}html.dark .stat-value{color:var(--text-light)}html.dark .section-block{background:var(--bg-white);border-color:var(--border-color)}html.dark .section-block:hover{box-shadow:var(--shadow-md)}html.dark .section-header{background:var(--bg-white);border-color:#0000}html.dark .section-header:hover{background:var(--bg-light)}html.dark .section-header.content-view-header{background:var(--bg-white);border-bottom-color:var(--border-color)}html.dark .section-header.content-view-header .section-name{color:var(--text-light)}html.dark .section-header.content-view-header .section-meta{color:var(--text-muted)}html.dark .section-menu-dropdown,html.dark .add-dropdown-menu{background:var(--bg-white);border-color:var(--border-color)}html.dark .section-menu-dropdown button,html.dark .add-dropdown-menu button{color:var(--text-light)}html.dark .section-menu-dropdown button:hover,html.dark .add-dropdown-menu button:hover{background:var(--bg-light)}html.dark .btn-add-dropdown{color:#fff;background:0 0;border:none}html.dark .btn-add-dropdown:hover{background:var(--bg-light)}html.dark .lessons-list.content-view-list{background:var(--bg-dark)}html.dark .lesson-item.content-view-lesson{background:var(--bg-white);border-bottom-color:var(--border-color)}html.dark .lesson-item.content-view-lesson:hover{background:var(--bg-light)}html.dark .lesson-item.content-view-lesson .lesson-title{color:var(--text-light)}html.dark .lesson-item.content-view-lesson .lesson-meta,html.dark .drag-handle{color:var(--text-muted)}html.dark .drag-handle:hover{color:var(--text-light)}html.dark .section-number{background:var(--primary-green)}html.dark .section-title-info h3{color:var(--text-light)}html.dark .section-title-info p{color:var(--text-muted)}html.dark .btn-add-lesson{color:var(--text-light)}html.dark .btn-add-lesson:hover{background:var(--status-info-bg);color:var(--primary-green)}html.dark .icon-btn{color:var(--text-muted)}html.dark .icon-btn:hover{background:var(--bg-light);color:var(--text-light)}html.dark .lessons-list{border-top-color:var(--border-color)}html.dark .lesson-item{border-bottom-color:var(--border-color)}html.dark .lesson-item:hover{background:var(--bg-light)}html.dark .lesson-details h4{color:var(--text-light)}html.dark .lesson-meta,html.dark .meta-item{color:var(--text-muted)}html.dark .empty-state{background:linear-gradient(#1e293b99 0%,#1e293bcc 100%);border-color:#47556999;box-shadow:0 2px 12px #0003}html.dark .empty-state .empty-icon{color:#818cf8;background:#4f6ef733}html.dark .empty-title{color:#f1f5f9}html.dark .empty-description{color:#94a3b8}html.dark .empty-state .empty-cta{background:var(--primary);color:#fff}html.dark .empty-state .empty-cta:hover{background:#3b5bdb}html.dark .section-loading{color:var(--text-muted)}html.dark .section-loading .spinning{color:var(--primary-green)}.section-right{align-items:center;gap:15px;display:flex}.drag-handle{color:#cbd5e0;cursor:grab;transition:color .3s}.drag-handle:hover{color:var(--text-muted)}.section-number{background:var(--primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.section-title-info h3{color:var(--text-dark);margin:0;font-size:15px;font-weight:700}.section-title-info p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.section-left{align-items:center;gap:10px;display:flex}.btn-add-lesson{color:var(--text-dark);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:13px;font-weight:600;transition:all .3s;display:flex}.btn-add-lesson:hover{color:var(--primary);background:#4f6ef71a}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .3s;display:flex}.icon-btn:hover{color:var(--text-dark);background:#0000000d}.icon-btn:hover svg{transform:scale(1.1)}.toggle-btn,.toggle-btn svg{transition:transform .3s}.expanded .toggle-btn svg{transform:rotate(180deg)}.expanded .toggle-btn:hover svg{transform:rotate(180deg)scale(1.1)}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:999999;background:#1e293b;border-radius:8px;padding:6px 12px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:12px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 4px 12px #0003}.has-tooltip:hover:after{opacity:1;transform:translate(-50%)translateY(-4px)}html.dark .has-tooltip:after{background:var(--bg-white);color:var(--text-light);border:1px solid var(--border-color);box-shadow:0 4px 16px #0006}.lessons-list{border-top:1px solid #f1f5f9;padding:0 20px 10px;animation:.3s slideDown}.section-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:14px;font-weight:600;animation:.3s fadeIn;display:flex}.section-loading .spinning{color:var(--primary);animation:1s linear infinite spin}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.lesson-item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:15px 0;transition:all .3s;display:flex}.lesson-item:last-child{border-bottom:none}.lesson-item:hover{background:#f8fafc;margin:0 -20px;padding:15px 20px}.lesson-right{align-items:center;gap:12px;display:flex}.drag-handle-sm{cursor:grab;opacity:.5;transition:opacity .3s}.drag-handle-sm:hover{opacity:1}.lesson-type-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lesson-type-icon.video{color:#3b82f6;background:#eff6ff}.lesson-type-icon.article{color:#8b5cf6;background:#f5f3ff}.lesson-type-icon.quiz{color:#f59e0b;background:#fff7ed}.lesson-details h4{color:var(--text-dark);margin:0 0 4px;font-size:14px;font-weight:600}.lesson-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.badge-quiz{color:#d97706;background:#fffbeb;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:flex}.badge-resources{color:#2563eb;background:#eff6ff;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-no-resources{color:#94a3b8;background:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.lesson-left{align-items:center;gap:10px;display:flex}.status-badge{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.status-badge.published{color:#10b981;background:#ecfdf5}.status-badge.draft{color:#64748b;background:#f1f5f9}.empty-state{text-align:center;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px dashed #cbd5e1;border-radius:16px;max-width:480px;margin:0 auto;padding:56px 40px;box-shadow:0 2px 12px #0000000a}.empty-state .empty-icon{width:72px;height:72px;color:var(--primary);background:#4f6ef71a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.empty-state .empty-icon svg{width:32px;height:32px}.empty-title{color:var(--text-dark);letter-spacing:-.01em;margin:0 0 10px;font-size:1.125rem;font-weight:600;line-height:1.4}.empty-description{color:var(--text-muted);max-width:360px;margin:0 auto 28px;font-size:.875rem;font-weight:400;line-height:1.5}.empty-state .empty-cta{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:12px 24px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #4f6ef740}.empty-state .empty-cta:hover{background:#3b5bdb;transform:translateY(-1px);box-shadow:0 6px 16px #4f6ef759}.empty-state .empty-cta svg{flex-shrink:0;width:16px;height:16px}.no-lessons{text-align:center;color:var(--text-muted);padding:30px;font-size:14px}.no-lessons p{margin:0 0 15px}.section-quizzes-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:1rem .5rem .5rem;font-size:12px;font-weight:600;display:flex}.section-quizzes-divider span{color:#f59e0b;background:#f59e0b1a;border-radius:15px;padding:.25rem .75rem}.section-quiz-note{color:var(--text-muted);background:#f59e0b0f;border-inline-start:3px solid #f59e0b66;border-radius:8px;margin:0 0 .75rem .5rem;padding:.5rem .75rem;font-size:13px}.section-quiz-hint{color:var(--text-muted);margin:.25rem 0 0;font-size:12px}.section-quiz-create .lesson-details h4{color:var(--text-muted);font-weight:500}.section-quiz-card .badge-quiz.info{color:#2563eb;background:#3b82f61f}.lesson-item.quiz-item{background:#f59e0b0d;border-color:#f59e0b33}.lesson-item.quiz-item:hover{background:#f59e0b1a;border-color:#f59e0b66}.lesson-item.quiz-item .lesson-type-icon{color:#f59e0b;background:#f59e0b26}.lesson-item.quiz-item .lesson-title{color:#d97706}.btn-secondary{color:#4972e5;cursor:pointer;background:#f7f9fc;border:1px solid #4972e533;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-secondary:hover{background:#4972e50d;transform:translateY(-2px)}.btn-secondary.btn-sm{padding:.5rem 1rem;font-size:13px}.btn-close{color:#718096;cursor:pointer;background:#f7f9fc;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:1.5rem;transition:all .3s;display:flex}.form-label{color:#2d3748;margin-bottom:.5rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.875rem 1rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;transition:all .3s}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.learning-objectives-group{margin-top:1rem}.learning-objectives-group .form-hint{color:#64748b;margin:0 0 .5rem;font-size:.8rem}.learning-objective-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.learning-objective-row .form-input{flex:1;margin:0}.objective-char-count{color:#94a3b8;text-align:left;min-width:3rem;font-size:.75rem}.learning-objective-row .btn-remove{flex-shrink:0}.btn-add-objective{color:#3886f4;cursor:pointer;background:0 0;border:1px dashed #3886f4;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background .2s,color .2s;display:inline-flex}.btn-add-objective:hover{color:#2d6fd1;background:#3886f414}html.dark .learning-objectives-group .form-hint{color:var(--text-muted)}html.dark .btn-add-objective{color:var(--primary-green);border-color:var(--primary-green)}html.dark .btn-add-objective:hover{background:var(--status-info-bg);color:var(--primary-green-light)}.lesson-resources-section{margin-top:1rem;margin-bottom:1rem}.lesson-resources-section .form-section-title{color:#2d3748;margin-bottom:.75rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;font-weight:600}.lesson-resources-list,.uploaded-files-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.uploaded-file-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:13px;display:flex}.uploaded-file-item .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.uploaded-file-item .file-size{color:#64748b;flex-shrink:0}.uploaded-file-item .file-size.file-link{color:#10b981}.uploaded-file-item .btn-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .2s,color .2s;display:flex}.uploaded-file-item .btn-remove:hover{color:#fff;background:#dc2626}html.dark .lesson-resources-section .form-section-title{color:var(--text-light)}html.dark .lesson-resources-section .file-upload-label{color:var(--primary-green-light);background:#3886f414;border-color:#3886f459}html.dark .lesson-resources-section .file-upload-label:hover{border-color:var(--primary-green);color:var(--primary-green);background:#3886f426}html.dark .uploaded-file-item{background:var(--bg-light);border-color:var(--border-color);color:var(--text-light)}html.dark .uploaded-file-item .file-name{color:var(--text-light)}html.dark .uploaded-file-item .file-size{color:var(--text-muted)}html.dark .uploaded-file-item .file-size.file-link{color:var(--status-success)}html.dark .uploaded-file-item .btn-remove{color:#f87171;background:#ef444433}html.dark .uploaded-file-item .btn-remove:hover{color:#fff;background:#dc2626}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4972e5,#6b8eff);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:flex}.error-message{color:#e53e3e;background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:14px}.quiz-edit-container{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.quiz-form-card{background:var(--white);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #0000000f}.quiz-form-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.quiz-questions-section{background:var(--white);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #0000000f}.quiz-questions-section:hover{box-shadow:0 8px 30px #0000001a}.questions-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.questions-header h3{color:var(--text-dark);align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.questions-header h3:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #4f6ef71a}.questions-list{flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:flex}.question-item{background:linear-gradient(135deg,#fff 0%,#fafbff 100%);border:1px solid #eef2ff;border-radius:14px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.question-item:before{content:"";background:linear-gradient(to bottom,var(--primary),#8b5cf6);transform-origin:top;width:4px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleY(0)}.question-item:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 12px 30px #4f6ef726}.question-item:hover:before{transform:scaleY(1)}.question-number{background:linear-gradient(135deg,var(--primary),#6b8eff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 4px 12px #4f6ef74d}.question-type{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:20px;padding:.375rem 1rem;font-size:.8125rem;font-weight:600}.question-points{color:#047857;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:.25rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.question-points:before{content:"⭐";font-size:.75rem}.btn-icon{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-edit{color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.btn-edit:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);transform:scale(1.1);box-shadow:0 4px 12px #d9770633}.btn-delete{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.btn-delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);transform:scale(1.1);box-shadow:0 4px 12px #dc262633}.question-content{padding-right:2.5rem}.question-content h4{color:var(--text-dark);margin:0 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.6}.empty-questions svg{color:#cbd5e0;opacity:.7;margin-bottom:1.5rem}.empty-questions p{max-width:300px;margin:0 auto;font-size:.9375rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:18px;width:100%;max-width:600px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) slideIn;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.btn-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:all .3s;display:flex}.btn-close:hover{color:#475569;background:#e2e8f0;transform:rotate(90deg)}.form-group{margin-bottom:1.5rem}.form-input,.form-textarea,.form-select{width:100%;color:var(--text-dark);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.875rem 1rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #4f6ef71a}@media (max-width:768px){.course-manager{padding:.75rem 1rem}.course-manager .top-bar{flex-flow:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem}.course-manager .top-bar h1{font-size:1rem;font-weight:600}.course-manager .title-group{flex:1;gap:.5rem;min-width:0}.course-manager .back-arrow{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.course-manager .btn-add-section{flex-shrink:0;min-height:44px;padding:.625rem 1rem;font-size:.8125rem}.course-manager .stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.course-manager .stat-card{aspect-ratio:auto;gap:.75rem;min-height:72px;max-height:none;padding:.875rem 1rem}.course-manager .stat-icon{width:36px;min-width:36px;height:36px}.course-manager .stat-icon svg{width:16px;height:16px}.course-manager .stat-label{font-size:.6875rem}.course-manager .stat-value{font-size:1.125rem}.course-manager .sections-container{gap:.75rem}.course-manager .section-block.content-view{border-radius:10px}.course-manager .section-header.content-view-header{gap:.5rem;padding:.875rem 1rem}.course-manager .section-header.content-view-header .section-right{gap:.5rem;min-width:0}.course-manager .section-number.content-view-badge{width:28px;height:28px;font-size:.875rem}.course-manager .section-header.content-view-header .section-name{font-size:.9375rem}.course-manager .section-header.content-view-header .section-meta{font-size:.6875rem}.course-manager .section-left.content-view-actions{gap:.375rem}.course-manager .btn-add-dropdown{min-height:36px;padding:.5rem .75rem;font-size:.75rem}.course-manager .icon-btn,.course-manager .icon-btn-dots,.course-manager .toggle-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;display:inline-flex}.course-manager .drag-handle.content-view-drag{min-width:36px;min-height:36px}.course-manager .lessons-list.content-view-list{padding:0}.course-manager .lesson-item.content-view-lesson{gap:.75rem;padding:.75rem 1rem}.course-manager .lesson-item.content-view-lesson .lesson-type-icon{width:32px;height:32px}.course-manager .lesson-item.content-view-lesson .lesson-title{font-size:.875rem}.course-manager .lesson-item.content-view-lesson .lesson-meta{gap:.5rem;font-size:.6875rem}.course-manager .lesson-menu-btn{min-width:44px;min-height:44px}.course-manager .empty-state{padding:1.5rem 1rem}.course-manager .no-lessons{padding:1rem}.course-manager .no-lessons .btn-secondary{min-height:44px}.course-manager .section-loading{padding:1rem;font-size:.875rem}.course-manager .section-menu-dropdown,.course-manager .add-dropdown-menu,.course-manager .content-view-dropdown{min-width:160px;padding:.5rem 0}.course-manager .section-menu-dropdown button,.course-manager .add-dropdown-menu button{padding:.625rem 1rem;font-size:.8125rem}.course-manager .modal-content{max-width:calc(100vw - 1.5rem);max-height:calc(100vh - 1.5rem);margin:.75rem}.course-manager .modal-body{padding:1rem}.questions-header{flex-direction:column;align-items:flex-start;gap:1rem}.question-header{flex-direction:column;align-items:flex-start;gap:.75rem}.question-actions{align-self:flex-end;margin-left:0}.question-content{padding-right:0}.modal-content{max-height:calc(100vh - 2rem);margin:1rem}.modal-body{padding:1.5rem}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}.course-manager .stats-grid{gap:.5rem}.course-manager .stat-card{padding:.75rem 1rem}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.section-header.content-view-header{flex-wrap:wrap}.section-left{justify-content:space-between;width:100%}.section-left.content-view-actions{flex-wrap:wrap}.top-bar{flex-direction:column;align-items:stretch;gap:12px}.course-manager .top-bar{flex-direction:column;align-items:stretch}.title-group{justify-content:flex-start}.btn-add-section{justify-content:center}.course-manager .btn-add-section{width:100%}.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:0 1rem}.course-manager .section-header.content-view-header .section-title-info{min-width:0}.course-manager .section-header.content-view-header .section-name{word-break:break-word;font-size:.875rem}}@media (max-width:360px){.course-manager{padding:.5rem .75rem}.course-manager .stat-value{font-size:1rem}.course-manager .section-number.content-view-badge{width:26px;height:26px;font-size:.8125rem}}.quiz-details-page{--qd-bg:#f8fafc;--qd-card:#fff;--qd-card-hover:#f8fafc;--qd-border:#e2e8f0;--qd-border-subtle:#f1f5f9;--qd-text:#1e293b;--qd-text-secondary:#475569;--qd-text-muted:#94a3b8;--qd-primary:#3886f4;--qd-primary-hover:#2d6fd1;--qd-primary-soft:#3886f41f;--qd-success:#10b981;--qd-success-soft:#10b9811f;--qd-warning:#f59e0b;--qd-warning-soft:#f59e0b1f;--qd-danger:#ef4444;--qd-danger-soft:#ef44441f;--qd-purple:#8b5cf6;--qd-purple-soft:#8b5cf61f;--qd-hero-start:#3886f4;--qd-hero-end:#5a9bf5;--qd-hero-text:#fff;--qd-shadow-sm:0 1px 3px #0000000f;--qd-shadow-md:0 4px 12px #00000014;--qd-shadow-lg:0 12px 28px #0000001a;--qd-radius:12px;--qd-radius-lg:16px;--qd-radius-xl:20px}.quiz-details-page{background:var(--qd-bg);min-height:100vh;padding:24px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;line-height:1.6}.quiz-details-header{background:var(--qd-card);border-radius:var(--qd-radius-lg);border:1px solid var(--qd-border);box-shadow:var(--qd-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;animation:.35s qdSlideDown;display:flex}@keyframes qdSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.quiz-details-header .header-left{flex:1;align-items:center;gap:20px;min-width:0;display:flex}.quiz-details-header .back-btn{background:var(--qd-card);border:1px solid var(--qd-border);border-radius:var(--qd-radius);color:var(--qd-text-secondary);cursor:pointer;align-items:center;gap:10px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:400;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.quiz-details-header .back-btn:hover{background:var(--qd-primary-soft);border-color:var(--qd-primary);color:var(--qd-primary)}.quiz-details-header .page-title{color:var(--qd-text);white-space:nowrap;text-overflow:ellipsis;max-width:360px;margin:0;font-size:1.35rem;font-weight:400;overflow:hidden}.quiz-details-header .header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.quiz-details-header .action-btn{border-radius:var(--qd-radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:400;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.quiz-details-header .action-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-details-header .action-btn.action-btn-icon{gap:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.quiz-details-header .edit-btn{background:var(--qd-primary);color:#fff;border-color:var(--qd-primary)}.quiz-details-header .edit-btn:hover:not(:disabled){background:var(--qd-primary-hover);border-color:var(--qd-primary-hover);box-shadow:0 4px 12px #3886f459}.quiz-details-header .delete-btn{background:var(--qd-danger-soft);color:var(--qd-danger);border:1px solid var(--qd-danger)}.quiz-details-header .delete-btn:hover:not(:disabled){background:var(--qd-danger);color:#fff;border-color:var(--qd-danger);box-shadow:0 4px 12px #ef44444d}@keyframes qdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-details-page .error-message{background:var(--qd-danger-soft);border-radius:var(--qd-radius);color:var(--qd-danger);border:1px solid #ef44444d;margin-bottom:24px;padding:14px 20px;font-size:14px;font-weight:400}.quiz-details-container{max-width:900px;margin:0 auto;animation:.4s qdFadeIn}@keyframes qdFadeIn{0%{opacity:0}to{opacity:1}}.quiz-main-card{background:var(--qd-card);border-radius:var(--qd-radius-xl);border:1px solid var(--qd-border);box-shadow:var(--qd-shadow-sm);overflow:hidden}.quiz-header-section{background:linear-gradient(135deg,var(--qd-hero-start)0%,var(--qd-hero-end)100%);align-items:center;gap:24px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.quiz-header-section:after{content:"";pointer-events:none;background:radial-gradient(80% 50% at 20%,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.quiz-icon-wrapper{flex-shrink:0;position:relative}.quiz-icon-large{border-radius:var(--qd-radius-lg);width:72px;height:72px;color:var(--qd-hero-start);box-shadow:var(--qd-shadow-md);z-index:1;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:relative}.quiz-status-indicator{z-index:2;width:20px;height:20px;box-shadow:var(--qd-shadow-sm);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px}.quiz-status-indicator.active{background:#22c55e}.quiz-status-indicator.active .status-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite qdPulse}.quiz-status-indicator.inactive{background:var(--qd-text-muted)}.quiz-status-indicator.inactive .status-dot{background:#fff;border-radius:50%;width:6px;height:6px}@keyframes qdPulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-info{z-index:1;flex:1;min-width:0;position:relative}.quiz-title-large{color:var(--qd-hero-text);letter-spacing:-.02em;margin:0 0 14px;font-size:1.6rem;font-weight:400;line-height:1.35}.quiz-meta-tags{flex-wrap:wrap;gap:10px;display:flex}.quiz-details-page .type-tag{letter-spacing:.02em;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:400}.quiz-details-page .type-tag.section,.quiz-details-page .type-tag.lesson{color:#fff;background:#ffffff40;border:1px solid #fff6}.quiz-details-page .status-tag{border-radius:8px;padding:6px 14px;font-size:12px;font-weight:400}.quiz-details-page .status-tag.active{color:#fff;background:#22c55ee6;border:1px solid #ffffff4d}.quiz-details-page .status-tag.inactive{color:#ffffffe6;background:#fff3;border:1px solid #ffffff59}.quiz-description-section{border-bottom:1px solid var(--qd-border-subtle);padding:24px 28px}.quiz-details-page .section-label{color:var(--qd-text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:400;display:inline-flex}.quiz-details-page .section-label svg{opacity:.8;color:var(--qd-primary)}.quiz-details-page .description-text{color:var(--qd-text);margin:0;font-size:15px;line-height:1.75}.settings-section{border-bottom:1px solid var(--qd-border-subtle);padding:24px 28px}.settings-section .section-label{margin-bottom:18px}.settings-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.setting-card{background:var(--qd-card-hover);border:1px solid var(--qd-border-subtle);border-radius:var(--qd-radius);align-items:center;gap:14px;padding:18px;transition:border-color .2s,box-shadow .2s;display:flex}.setting-card:hover{border-color:var(--qd-border);box-shadow:var(--qd-shadow-sm)}.setting-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.setting-icon.blue{background:var(--qd-primary-soft);color:var(--qd-primary)}.setting-icon.green{background:var(--qd-success-soft);color:var(--qd-success)}.setting-icon.purple{background:var(--qd-purple-soft);color:var(--qd-purple)}.setting-icon.orange{background:var(--qd-warning-soft);color:var(--qd-warning)}.setting-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quiz-details-page .setting-label{color:var(--qd-text-muted);font-size:12px;font-weight:400}.quiz-details-page .setting-value{color:var(--qd-text);font-size:1rem;font-weight:400}.questions-section{padding:24px 28px}.questions-section.section-quiz-info-only{padding:28px 32px}.section-quiz-info-message{text-align:center;background:var(--qd-primary-soft);border:1px solid var(--qd-border);border-radius:var(--qd-radius-lg);padding:2rem}.section-quiz-info-message .section-quiz-info-icon{color:var(--qd-primary);opacity:.9;margin-bottom:1rem}.section-quiz-info-message h3{color:var(--qd-text);margin-bottom:.75rem;font-size:1.15rem}.section-quiz-info-message p{color:var(--qd-text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.section-quiz-info-message .section-quiz-info-hint{color:var(--qd-text-muted);margin-top:1rem;font-size:.875rem}.questions-section .section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.questions-section .section-label{align-items:center;gap:10px;margin-bottom:0;font-size:14px;display:inline-flex}.questions-count{background:var(--qd-primary);color:#fff;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:400}.add-question-btn{background:var(--qd-primary);color:#fff;border-radius:var(--qd-radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:400;transition:filter .2s,box-shadow .2s;display:inline-flex}.add-question-btn:hover{filter:brightness(1.08);box-shadow:0 4px 12px #3886f459}.question-card{background:var(--qd-card);border:1px solid var(--qd-border);border-radius:var(--qd-radius-lg);transition:border-color .2s,box-shadow .2s;overflow:hidden}.question-card:hover{border-color:var(--qd-primary);box-shadow:var(--qd-shadow-sm)}.question-header-card{background:var(--qd-card-hover);border-bottom:1px solid var(--qd-border-subtle);align-items:center;gap:14px;padding:14px 20px;display:flex}.quiz-details-page .question-actions{align-items:center;gap:8px;margin-right:auto;display:flex}.quiz-details-page .question-action-btn{border-radius:var(--qd-radius);border:1px solid var(--qd-border);background:var(--qd-card);width:36px;height:36px;color:var(--qd-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.quiz-details-page .question-action-btn:hover:not(:disabled){border-color:var(--qd-primary);color:var(--qd-primary);background:var(--qd-primary-soft)}.quiz-details-page .question-action-btn.delete:hover:not(:disabled){border-color:var(--qd-danger);color:var(--qd-danger);background:var(--qd-danger-soft)}.quiz-details-page .question-action-btn:disabled{opacity:.7;cursor:not-allowed}.quiz-details-page .question-action-btn .spinning{animation:.8s linear infinite qdSpin}.question-number-badge{background:var(--qd-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:400;display:flex}.question-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.question-type-badge{border-radius:8px;padding:5px 12px;font-size:12px;font-weight:400}.question-type-badge.multiple_choice{background:var(--qd-primary-soft);color:var(--qd-primary)}.question-type-badge.true_false{background:var(--qd-warning-soft);color:var(--qd-warning)}.question-type-badge.short_answer{background:var(--qd-purple-soft);color:var(--qd-purple)}.question-points-badge{background:var(--qd-success-soft);color:var(--qd-success);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:400}.question-body{padding:20px}.quiz-details-page .question-text{color:var(--qd-text);margin:0 0 16px;font-size:1.05rem;font-weight:400;line-height:1.6}.options-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.option-card{background:var(--qd-card-hover);border:1px solid var(--qd-border-subtle);border-radius:var(--qd-radius);align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.option-card.correct{border-color:var(--qd-success);background:var(--qd-success-soft)}.option-letter{background:var(--qd-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:400;display:flex}.option-card.correct .option-letter{background:var(--qd-success)}.option-card.correct .option-content{color:var(--qd-success);font-weight:400}.option-content{color:var(--qd-text);flex:1;min-width:0;font-size:14px;font-weight:400}.correct-indicator{color:var(--qd-success);flex-shrink:0}.true-false-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tf-option{background:var(--qd-card-hover);border:1px solid var(--qd-border-subtle);border-radius:var(--qd-radius);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;transition:border-color .2s,background .2s;display:flex}.tf-option.correct{border-color:var(--qd-success);background:var(--qd-success-soft)}.tf-label{color:var(--qd-text);font-size:1rem;font-weight:400}.tf-icon{color:var(--qd-success);flex-shrink:0}.answer-display{background:var(--qd-success-soft);border:1px solid var(--qd-success);border-radius:var(--qd-radius);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.answer-label{color:var(--qd-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:400}.answer-value{color:var(--qd-success);font-size:1rem;font-weight:400}.explanation-box{background:var(--qd-warning-soft);border:1px solid var(--qd-warning);border-radius:var(--qd-radius);margin-top:16px;padding:16px 18px}.explanation-label{color:var(--qd-warning);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:400;display:inline-flex}.explanation-text{color:var(--qd-text);margin:0;font-size:14px;line-height:1.65}.empty-questions{text-align:center;background:var(--qd-card-hover);border-radius:var(--qd-radius-lg);border:2px dashed var(--qd-border);padding:56px 32px}.empty-icon-wrapper{margin-bottom:20px}.empty-icon-wrapper svg{color:var(--qd-text-muted);opacity:.7}.empty-questions h3{color:var(--qd-text);margin:0 0 8px;font-size:1.25rem;font-weight:400}.empty-questions p{color:var(--qd-text-secondary);margin:0 0 24px;font-size:15px}.add-first-question-btn{background:var(--qd-primary);color:#fff;border-radius:var(--qd-radius);cursor:pointer;border:none;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:400;transition:filter .2s,box-shadow .2s;display:inline-flex}.add-first-question-btn:hover{filter:brightness(1.08);box-shadow:0 4px 16px #3886f466}.quiz-details-page .quiz-details-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s qdFadeIn;display:flex;position:fixed;inset:0}.quiz-details-page .quiz-details-modal-content{background:var(--qd-card);border-radius:var(--qd-radius-lg);border:1px solid var(--qd-border);box-shadow:var(--qd-shadow-lg);flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.25s qdSlideUp;display:flex;overflow:hidden}.quiz-details-page .quiz-details-modal-content.large{max-width:600px}@keyframes qdSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quiz-details-page .quiz-details-modal-header{border-bottom:1px solid var(--qd-border-subtle);background:var(--qd-card-hover);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.quiz-details-page .quiz-details-modal-header-inner{color:var(--qd-primary);align-items:center;gap:12px;display:flex}.quiz-details-page .quiz-details-modal-header-inner h2{color:var(--qd-text);margin:0;font-size:1.15rem;font-weight:500}.quiz-details-page .quiz-details-modal-close{width:36px;height:36px;color:var(--qd-text-secondary);cursor:pointer;border-radius:var(--qd-radius);background:0 0;border:none;font-size:1.5rem;line-height:1;transition:background .2s,color .2s}.quiz-details-page .quiz-details-modal-close:hover{background:var(--qd-danger-soft);color:var(--qd-danger)}.quiz-details-page .quiz-details-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.quiz-details-page .quiz-details-form-group{flex-direction:column;gap:6px;display:flex}.quiz-details-page .quiz-details-form-label{color:var(--qd-text);font-size:13px;font-weight:500}.quiz-details-page .quiz-details-form-label .required{color:var(--qd-danger)}.quiz-details-page .quiz-details-form-input,.quiz-details-page .quiz-details-form-select,.quiz-details-page .quiz-details-form-textarea{border:1px solid var(--qd-border);border-radius:var(--qd-radius);width:100%;color:var(--qd-text);background:var(--qd-card);padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.quiz-details-page .quiz-details-form-textarea{resize:vertical;min-height:80px}.quiz-details-page .quiz-details-form-input:focus,.quiz-details-page .quiz-details-form-select:focus,.quiz-details-page .quiz-details-form-textarea:focus{border-color:var(--qd-primary);outline:none}.quiz-details-page .quiz-details-option-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.quiz-details-page .quiz-details-option-row:last-child{margin-bottom:0}.quiz-details-page .quiz-details-option-letter{background:var(--qd-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:500;display:flex}.quiz-details-page .quiz-details-option-row .quiz-details-form-input{flex:1}.quiz-details-page .quiz-details-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.quiz-details-page .quiz-details-modal-error{background:var(--qd-danger-soft);border:1px solid var(--qd-danger);border-radius:var(--qd-radius);color:var(--qd-danger);padding:10px 14px;font-size:13px}.quiz-details-page .quiz-details-modal-footer{border-top:1px solid var(--qd-border-subtle);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.quiz-details-page .quiz-details-btn{border-radius:var(--qd-radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.quiz-details-page .quiz-details-btn:disabled{opacity:.7;cursor:not-allowed}.quiz-details-page .quiz-details-btn.secondary{background:var(--qd-card-hover);border-color:var(--qd-border);color:var(--qd-text-secondary)}.quiz-details-page .quiz-details-btn.secondary:hover:not(:disabled){border-color:var(--qd-primary);color:var(--qd-primary);background:var(--qd-primary-soft)}.quiz-details-page .quiz-details-btn.primary{background:var(--qd-primary);color:#fff;border-color:var(--qd-primary)}.quiz-details-page .quiz-details-btn.primary:hover:not(:disabled){background:var(--qd-primary-hover);border-color:var(--qd-primary-hover);box-shadow:0 4px 12px #3886f459}.quiz-details-page .quiz-details-btn .spinning{animation:.8s linear infinite qdSpin}@media (max-width:1024px){.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.quiz-details-page{padding:16px}.quiz-details-header,.quiz-details-header .header-left{flex-direction:column;align-items:stretch}.quiz-details-header .page-title{text-align:center;max-width:none}.quiz-details-header .header-right{justify-content:stretch}.quiz-details-header .action-btn{flex:1}.quiz-header-section{text-align:center;flex-direction:column;padding:28px 20px}.quiz-title-large{font-size:1.35rem}.quiz-meta-tags{justify-content:center}.settings-grid{grid-template-columns:1fr}.questions-section .section-header{flex-direction:column;align-items:stretch}.add-question-btn{justify-content:center;width:100%}.options-grid,.true-false-options{grid-template-columns:1fr}}@media (max-width:480px){.quiz-header-section,.quiz-description-section,.settings-section,.questions-section{padding:20px}.quiz-title-large{font-size:1.2rem}.question-body{padding:16px}.question-text{font-size:1rem}}html.dark .quiz-details-page{--qd-bg:transparent;--qd-card:var(--bg-white);--qd-card-hover:var(--bg-light);--qd-border:var(--border-color);--qd-border-subtle:var(--border-light);--qd-text:var(--text-light);--qd-text-secondary:var(--text-dark);--qd-text-muted:var(--text-muted);--qd-primary:var(--primary-blue);--qd-primary-hover:var(--primary-blue-hover);--qd-primary-soft:var(--status-info-bg);--qd-success:var(--green-600);--qd-success-soft:var(--status-success-bg);--qd-warning:var(--orange-600);--qd-warning-soft:var(--status-warning-bg);--qd-danger:var(--red-600);--qd-danger-soft:var(--status-error-bg);--qd-purple:var(--purple-600);--qd-purple-soft:#9333ea33;--qd-hero-start:var(--primary-blue);--qd-hero-end:var(--primary-blue-hover);--qd-hero-text:#fff;--qd-shadow-sm:var(--shadow-sm);--qd-shadow-md:var(--shadow-md);--qd-shadow-lg:var(--shadow-lg)}html.dark .quiz-details-page .quiz-details-header{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-light)}html.dark .quiz-details-page .quiz-details-header .header-left,html.dark .quiz-details-page .quiz-details-header .header-right{color:inherit}html.dark .quiz-details-page .back-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-dark)}html.dark .quiz-details-page .back-btn:hover{background:var(--status-info-bg);border-color:var(--primary-blue);color:var(--primary-blue)}html.dark .quiz-details-page .back-btn svg{color:inherit}html.dark .quiz-details-page .page-title{color:var(--text-light)}html.dark .quiz-details-page .quiz-details-header .action-btn{color:inherit}html.dark .quiz-details-page .quiz-details-header .action-btn.action-btn-icon{gap:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}html.dark .quiz-details-page .quiz-details-header .edit-btn{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff!important}html.dark .quiz-details-page .quiz-details-header .edit-btn:hover:not(:disabled){background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);box-shadow:0 4px 12px #3886f459;color:#fff!important}html.dark .quiz-details-page .quiz-details-header .edit-btn svg{color:#fff}html.dark .quiz-details-page .quiz-details-header .delete-btn{background:var(--status-error-bg);border:1px solid var(--red-600);color:var(--red-600)!important}html.dark .quiz-details-page .quiz-details-header .delete-btn:hover:not(:disabled){background:var(--red-600);border-color:var(--red-600);box-shadow:0 4px 12px #ef44444d;color:#fff!important}html.dark .quiz-details-page .quiz-details-header .delete-btn:hover:not(:disabled) svg{color:#fff}html.dark .quiz-details-page .error-message{background:var(--status-error-bg);border-color:var(--border-color);color:var(--red-600)}html.dark .quiz-details-page .quiz-main-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .quiz-details-page .quiz-header-section{background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-blue-hover)100%)}html.dark .quiz-details-page .quiz-icon-large{color:var(--primary-blue);background:#fffffff2}html.dark .quiz-details-page .quiz-status-indicator.active{background:var(--green-600)}html.dark .quiz-details-page .quiz-status-indicator.inactive{background:var(--text-muted)}html.dark .quiz-details-page .quiz-title-large{color:var(--qd-hero-text)}html.dark .quiz-details-page .type-tag.section,html.dark .quiz-details-page .type-tag.lesson{color:#fff;background:#ffffff40;border-color:#fff6}html.dark .quiz-details-page .status-tag.active{background:var(--green-600);color:#fff;border-color:#ffffff4d}html.dark .quiz-details-page .status-tag.inactive{color:#fffffff2;background:#fff3;border-color:#ffffff59}html.dark .quiz-details-page .quiz-description-section,html.dark .quiz-details-page .settings-section{border-bottom-color:var(--border-color)}html.dark .quiz-details-page .section-label{color:var(--text-muted)}html.dark .quiz-details-page .section-label svg{color:var(--primary-blue)}html.dark .quiz-details-page .description-text{color:var(--text-light)}html.dark .quiz-details-page .setting-card{background:var(--bg-light);border-color:var(--border-color)}html.dark .quiz-details-page .setting-card:hover{border-color:var(--border-hover)}html.dark .quiz-details-page .setting-label{color:var(--text-muted)}html.dark .quiz-details-page .setting-value{color:var(--text-light)}html.dark .quiz-details-page .setting-icon.blue{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .quiz-details-page .setting-icon.green{background:var(--status-success-bg);color:var(--green-600)}html.dark .quiz-details-page .setting-icon.purple{background:var(--qd-purple-soft);color:var(--purple-600)}html.dark .quiz-details-page .setting-icon.orange{background:var(--status-warning-bg);color:var(--orange-600)}html.dark .quiz-details-page .questions-section .section-header{background:var(--bg-light);border-radius:var(--qd-radius);border:1px solid var(--border-color);color:var(--text-light);margin-bottom:20px;padding:16px 20px}html.dark .quiz-details-page .questions-section .section-header .section-label{color:var(--text-light)}html.dark .quiz-details-page .questions-section .section-header .section-label svg{color:var(--primary-blue)}html.dark .quiz-details-page .questions-count{background:var(--primary-blue);border:1px solid #fff3;color:#fff!important}html.dark .quiz-details-page .add-question-btn,html.dark .quiz-details-page .add-first-question-btn{background:var(--primary-blue);border:1px solid var(--primary-blue-hover);color:#fff!important}html.dark .quiz-details-page .add-question-btn svg,html.dark .quiz-details-page .add-first-question-btn svg{color:#fff}html.dark .quiz-details-page .add-question-btn:hover,html.dark .quiz-details-page .add-first-question-btn:hover{background:var(--primary-blue-hover);box-shadow:var(--shadow-green);color:#fff!important}html.dark .quiz-details-page .question-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .quiz-details-page .question-card:hover{border-color:var(--primary-blue)}html.dark .quiz-details-page .question-header-card{background:var(--bg-light);border-bottom-color:var(--border-color)}html.dark .quiz-details-page .question-number-badge{background:var(--primary-blue);color:#fff}html.dark .quiz-details-page .question-type-badge.multiple_choice{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .quiz-details-page .question-type-badge.true_false{background:var(--status-warning-bg);color:var(--orange-600)}html.dark .quiz-details-page .question-type-badge.short_answer{background:var(--qd-purple-soft);color:var(--purple-600)}html.dark .quiz-details-page .question-points-badge{background:var(--status-success-bg);color:var(--green-600)}html.dark .quiz-details-page .question-text{color:var(--text-light)}html.dark .quiz-details-page .option-card{background:var(--bg-light);border-color:var(--border-color)}html.dark .quiz-details-page .option-card.correct{background:var(--status-success-bg);border-color:var(--green-600)}html.dark .quiz-details-page .option-letter{background:var(--primary-blue);color:#fff}html.dark .quiz-details-page .option-card.correct .option-letter{background:var(--green-600)}html.dark .quiz-details-page .option-card.correct .option-content{color:var(--green-600)}html.dark .quiz-details-page .option-content{color:var(--text-light)}html.dark .quiz-details-page .correct-indicator{color:var(--green-600)}html.dark .quiz-details-page .tf-option{background:var(--bg-light);border-color:var(--border-color)}html.dark .quiz-details-page .tf-option.correct{background:var(--status-success-bg);border-color:var(--green-600)}html.dark .quiz-details-page .tf-label{color:var(--text-light)}html.dark .quiz-details-page .tf-icon{color:var(--green-600)}html.dark .quiz-details-page .answer-display{background:var(--status-success-bg);border-color:var(--green-600)}html.dark .quiz-details-page .answer-label{color:var(--text-muted)}html.dark .quiz-details-page .answer-value{color:var(--green-600)}html.dark .quiz-details-page .explanation-box{background:var(--status-warning-bg);border-color:var(--orange-600)}html.dark .quiz-details-page .explanation-label{color:var(--orange-600)}html.dark .quiz-details-page .explanation-text{color:var(--text-light)}html.dark .quiz-details-page .empty-questions{background:var(--bg-light);border-color:var(--border-color)}html.dark .quiz-details-page .empty-icon-wrapper svg{color:var(--text-muted)}html.dark .quiz-details-page .empty-questions h3{color:var(--text-light)}html.dark .quiz-details-page .empty-questions p{color:var(--text-muted)}html.dark .quiz-details-page .section-quiz-info-message{background:var(--status-info-bg);border-color:var(--border-color)}html.dark .quiz-details-page .section-quiz-info-message .section-quiz-info-icon{color:var(--primary-blue)}html.dark .quiz-details-page .section-quiz-info-message h3{color:var(--text-light)}html.dark .quiz-details-page .section-quiz-info-message p{color:var(--text-dark)}html.dark .quiz-details-page .section-quiz-info-message .section-quiz-info-hint{color:var(--text-muted)}.edit-quiz-page{--eq-bg:#f8fafc;--eq-card:#fff;--eq-card-hover:#f8fafc;--eq-border:#e2e8f0;--eq-border-subtle:#f1f5f9;--eq-text:#1e293b;--eq-text-secondary:#475569;--eq-text-muted:#94a3b8;--eq-primary:#3886f4;--eq-primary-hover:#2d6fd1;--eq-primary-soft:#3886f41f;--eq-success:#10b981;--eq-success-soft:#10b9811f;--eq-danger:#ef4444;--eq-danger-soft:#ef44441f;--eq-warning:#f59e0b;--eq-warning-soft:#f59e0b1f;--eq-radius:12px;--eq-radius-lg:16px;--eq-shadow-sm:0 1px 3px #0000000f;--eq-shadow-md:0 4px 12px #00000014}.edit-quiz-page *{box-sizing:border-box}.edit-quiz-page{background:var(--eq-bg);min-height:100vh;padding:24px;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;line-height:1.6}.edit-quiz-page .edit-quiz-header{background:var(--eq-card);border-radius:var(--eq-radius-lg);border:1px solid var(--eq-border);box-shadow:var(--eq-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.edit-quiz-page .edit-quiz-header .page-title{color:var(--eq-text);margin:0;font-size:1.35rem;font-weight:700}.edit-quiz-page .edit-quiz-back-btn{background:var(--eq-card);border:1px solid var(--eq-border);border-radius:var(--eq-radius);color:var(--eq-text-secondary);cursor:pointer;align-items:center;gap:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.edit-quiz-page .edit-quiz-back-btn:hover{background:var(--eq-primary-soft);border-color:var(--eq-primary);color:var(--eq-primary)}.edit-quiz-page .edit-quiz-error{background:var(--eq-danger-soft);border-radius:var(--eq-radius);color:var(--eq-danger);border:1px solid #ef44444d;margin-bottom:24px;padding:14px 20px;font-size:14px;font-weight:600}.edit-quiz-page .quiz-edit-container{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;display:flex}.edit-quiz-page .quiz-form-card{background:var(--eq-card);border-radius:var(--eq-radius-lg);border:1px solid var(--eq-border);box-shadow:var(--eq-shadow-sm);overflow:hidden}.edit-quiz-page .quiz-form-card .edit-quiz-form{padding:28px}.edit-quiz-page .quiz-form-card .form-section-title{color:var(--eq-text);border-bottom:1px solid var(--eq-border-subtle);margin:0 0 20px;padding-bottom:12px;font-size:1.05rem;font-weight:700}.edit-quiz-page .quiz-form-card .form-grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.edit-quiz-page .quiz-form-card .form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.edit-quiz-page .quiz-form-card .form-group{margin-bottom:20px}.edit-quiz-page .quiz-form-card .form-group.full-width{grid-column:1/-1}.edit-quiz-page .quiz-form-card .form-label{color:var(--eq-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.edit-quiz-page .quiz-form-card .form-label .required{color:var(--eq-danger)}.edit-quiz-page .quiz-form-card .form-input,.edit-quiz-page .quiz-form-card .form-textarea,.edit-quiz-page .quiz-form-card .form-select{border:1px solid var(--eq-border);border-radius:var(--eq-radius);background:var(--eq-card);width:100%;color:var(--eq-text);padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.edit-quiz-page .quiz-form-card .form-input:focus,.edit-quiz-page .quiz-form-card .form-textarea:focus,.edit-quiz-page .quiz-form-card .form-select:focus{border-color:var(--eq-primary);box-shadow:0 0 0 3px var(--eq-primary-soft);outline:none}.edit-quiz-page .quiz-form-card .form-textarea{resize:vertical;min-height:88px}.edit-quiz-page .quiz-form-card .checkbox-row{background:var(--eq-card-hover);border:1px solid var(--eq-border);border-radius:var(--eq-radius);align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.edit-quiz-page .quiz-form-card .checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--eq-primary);cursor:pointer}.edit-quiz-page .quiz-form-card .checkbox-row label{color:var(--eq-text);cursor:pointer;font-size:15px;font-weight:500}.edit-quiz-page .quiz-form-card .form-actions{border-top:1px solid var(--eq-border-subtle);justify-content:flex-end;padding-top:20px;display:flex}.edit-quiz-page .quiz-form-card .btn-save{background:var(--eq-primary);color:#fff;border:1px solid var(--eq-primary);border-radius:var(--eq-radius);cursor:pointer;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.edit-quiz-page .quiz-form-card .btn-save:hover:not(:disabled){background:var(--eq-primary-hover);border-color:var(--eq-primary-hover);box-shadow:0 4px 12px #3886f459}.edit-quiz-page .quiz-form-card .btn-save:disabled{opacity:.6;cursor:not-allowed}.edit-quiz-page .quiz-questions-section{background:var(--eq-card);border-radius:var(--eq-radius-lg);border:1px solid var(--eq-border);box-shadow:var(--eq-shadow-sm);overflow:hidden}.edit-quiz-page .quiz-questions-section.section-quiz-settings-only{padding:24px}.edit-quiz-page .section-quiz-edit-message{text-align:center;border:1px solid var(--eq-border);border-radius:var(--eq-radius-lg);background:#3886f414;padding:2rem}.edit-quiz-page .section-quiz-edit-message svg{color:var(--eq-primary);opacity:.9;margin-bottom:1rem}.edit-quiz-page .section-quiz-edit-message h3{color:var(--eq-text);margin-bottom:.75rem;font-size:1.1rem}.edit-quiz-page .section-quiz-edit-message p{color:var(--eq-text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.edit-quiz-page .section-quiz-edit-message .section-quiz-edit-hint{color:var(--eq-text-muted);margin-top:1rem;font-size:.875rem}.edit-quiz-page .quiz-questions-section .questions-header{background:var(--eq-card-hover);border-bottom:1px solid var(--eq-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.edit-quiz-page .quiz-questions-section .questions-header h3{color:var(--eq-text);align-items:center;gap:12px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.edit-quiz-page .quiz-questions-section .questions-count-badge{background:var(--eq-primary);color:#fff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.edit-quiz-page .quiz-questions-section .btn-add-question{background:var(--eq-primary);color:#fff;border-radius:var(--eq-radius);cursor:pointer;border:none;align-items:center;gap:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.edit-quiz-page .quiz-questions-section .btn-add-question:hover{background:var(--eq-primary-hover);box-shadow:0 4px 12px #3886f459}.edit-quiz-page .questions-list{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.edit-quiz-page .question-item{background:var(--eq-card-hover);border:1px solid var(--eq-border);border-radius:var(--eq-radius-lg);padding:20px;transition:border-color .2s,box-shadow .2s}.edit-quiz-page .question-item:hover{border-color:var(--eq-primary);box-shadow:var(--eq-shadow-sm)}.edit-quiz-page .question-item .question-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.edit-quiz-page .question-item .question-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.edit-quiz-page .question-item .question-number{background:var(--eq-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.edit-quiz-page .question-item .question-type{background:var(--eq-primary-soft);color:var(--eq-primary);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.edit-quiz-page .question-item .question-points{background:var(--eq-success-soft);color:var(--eq-success);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700}.edit-quiz-page .question-item .question-actions{gap:8px;margin-right:auto;display:flex}.edit-quiz-page .question-item .btn-icon{border-radius:var(--eq-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.edit-quiz-page .question-item .btn-icon.btn-edit{background:var(--eq-warning-soft);color:var(--eq-warning)}.edit-quiz-page .question-item .btn-icon.btn-edit:hover{background:var(--eq-warning);color:#fff}.edit-quiz-page .question-item .btn-icon.btn-delete{background:var(--eq-danger-soft);color:var(--eq-danger)}.edit-quiz-page .question-item .btn-icon.btn-delete:hover{background:var(--eq-danger);color:#fff}.edit-quiz-page .question-item .question-content h4{color:var(--eq-text);margin:0 0 12px;font-size:1.05rem;font-weight:600;line-height:1.6}.edit-quiz-page .question-item .explanation-box{background:var(--eq-warning-soft);border:1px solid var(--eq-warning);border-radius:var(--eq-radius);color:var(--eq-text);margin-top:12px;padding:14px 16px;font-size:14px}.edit-quiz-page .question-item .explanation-box strong{color:var(--eq-warning)}.edit-quiz-page .empty-questions{text-align:center;background:var(--eq-card-hover);border:2px dashed var(--eq-border);border-radius:var(--eq-radius-lg);margin:20px 24px;padding:56px 32px}.edit-quiz-page .empty-questions .empty-icon{background:var(--eq-border-subtle);width:80px;height:80px;color:var(--eq-text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.edit-quiz-page .empty-questions h3{color:var(--eq-text);margin:0 0 8px;font-size:1.2rem;font-weight:700}.edit-quiz-page .empty-questions p{color:var(--eq-text-secondary);max-width:320px;margin:0 auto 24px;font-size:15px;line-height:1.6}.edit-quiz-page .empty-questions .btn-add-first{background:var(--eq-primary);color:#fff;border-radius:var(--eq-radius);cursor:pointer;border:none;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.edit-quiz-page .empty-questions .btn-add-first:hover{background:var(--eq-primary-hover);box-shadow:0 4px 12px #3886f459}.edit-quiz-page .modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.25s eqModalOverlayIn;display:flex;position:fixed;inset:0}@keyframes eqModalOverlayIn{0%{opacity:0}to{opacity:1}}.edit-quiz-page .modal-content{background:var(--eq-card);border:1px solid var(--eq-border);border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.35s cubic-bezier(.34,1.56,.64,1) eqModalContentIn;display:flex;overflow:hidden;box-shadow:0 24px 56px #0000002e,0 8px 24px #0000001a}.edit-quiz-page .modal-content.large-modal{max-width:720px}@keyframes eqModalContentIn{0%{opacity:0;transform:scale(.96)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.edit-quiz-page .modal-header{background:var(--eq-card-hover);border-bottom:1px solid var(--eq-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:relative}.edit-quiz-page .modal-header:before{content:"";background:linear-gradient(180deg,var(--eq-primary),var(--eq-primary-hover));border-radius:0 20px 0 0;width:4px;height:100%;position:absolute;top:0;right:0}.edit-quiz-page .modal-header-inner{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.edit-quiz-page .modal-header-icon{background:var(--eq-primary-soft);width:44px;height:44px;color:var(--eq-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.edit-quiz-page .modal-header h2{color:var(--eq-text);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.edit-quiz-page .btn-close{border:1px solid var(--eq-border);width:40px;height:40px;color:var(--eq-text-muted);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;transition:background .2s,color .2s,border-color .2s;display:flex}.edit-quiz-page .btn-close:hover{background:var(--eq-danger-soft);border-color:var(--eq-danger);color:var(--eq-danger)}.edit-quiz-page .modal-body{flex:1;min-height:0;padding:28px;overflow-y:auto}.edit-quiz-page .modal-body .form-group{margin-bottom:22px}.edit-quiz-page .modal-body .form-group:last-of-type{margin-bottom:0}.edit-quiz-page .modal-body .form-label{color:var(--eq-text);letter-spacing:.01em;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.edit-quiz-page .modal-body .form-label.required:after{content:" *";color:var(--eq-danger)}.edit-quiz-page .modal-body .form-input,.edit-quiz-page .modal-body .form-textarea,.edit-quiz-page .modal-body .form-select{border:1px solid var(--eq-border);background:var(--eq-card);width:100%;color:var(--eq-text);border-radius:12px;padding:14px 18px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.edit-quiz-page .modal-body .form-input:focus,.edit-quiz-page .modal-body .form-textarea:focus,.edit-quiz-page .modal-body .form-select:focus{border-color:var(--eq-primary);box-shadow:0 0 0 4px var(--eq-primary-soft);outline:none}.edit-quiz-page .modal-body .form-textarea{resize:vertical;min-height:110px;line-height:1.6}.edit-quiz-page .modal-body .form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.edit-quiz-page .modal-body .option-input-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.edit-quiz-page .modal-body .option-input-row:last-child{margin-bottom:0}.edit-quiz-page .modal-body .option-letter-badge{background:var(--eq-primary-soft);width:32px;height:32px;color:var(--eq-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.edit-quiz-page .modal-body .option-input-row .form-input{flex:1;margin-bottom:0}.edit-quiz-page .modal-footer{background:var(--eq-card-hover);border-top:1px solid var(--eq-border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:14px;padding:20px 28px;display:flex}.edit-quiz-page .modal-footer .btn-secondary{background:var(--eq-card);border:1px solid var(--eq-border);color:var(--eq-text);cursor:pointer;border-radius:12px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.edit-quiz-page .modal-footer .btn-secondary:hover:not(:disabled){background:var(--eq-border-subtle);border-color:var(--eq-border)}.edit-quiz-page .modal-footer .btn-primary{background:var(--eq-primary);border:1px solid var(--eq-primary);color:#fff;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.edit-quiz-page .modal-footer .btn-primary:hover:not(:disabled){background:var(--eq-primary-hover);border-color:var(--eq-primary-hover);box-shadow:0 6px 20px #3886f466}.edit-quiz-page .modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.edit-quiz-page .modal-body .error-message,.edit-quiz-page .modal-body .edit-quiz-error{border-radius:12px;margin-bottom:20px;padding:14px 18px}@keyframes eqSpin{to{transform:rotate(360deg)}}@keyframes eqFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.edit-quiz-page{padding:16px}.edit-quiz-page .quiz-form-card .form-grid-2,.edit-quiz-page .quiz-form-card .form-grid-3{grid-template-columns:1fr}.edit-quiz-page .quiz-questions-section .questions-header{flex-direction:column;align-items:stretch}.edit-quiz-page .quiz-questions-section .btn-add-question{justify-content:center;width:100%}.edit-quiz-page .question-item .question-header{flex-direction:column;align-items:flex-start}.edit-quiz-page .question-item .question-actions{justify-content:flex-end;width:100%;margin-right:0}.edit-quiz-page .modal-body .form-row{grid-template-columns:1fr}}html.dark .edit-quiz-page{--eq-bg:transparent;--eq-card:var(--bg-white);--eq-card-hover:var(--bg-light);--eq-border:var(--border-color);--eq-border-subtle:var(--border-light);--eq-text:var(--text-light);--eq-text-secondary:var(--text-dark);--eq-text-muted:var(--text-muted);--eq-primary:var(--primary-blue);--eq-primary-hover:var(--primary-blue-hover);--eq-primary-soft:var(--status-info-bg);--eq-success:var(--green-600);--eq-success-soft:var(--status-success-bg);--eq-danger:var(--red-600);--eq-danger-soft:var(--status-error-bg);--eq-warning:var(--orange-600);--eq-warning-soft:var(--status-warning-bg)}html.dark .edit-quiz-page .edit-quiz-header{background:var(--bg-white);border-color:var(--border-color)}html.dark .edit-quiz-page .page-title{color:var(--text-light)}html.dark .edit-quiz-page .edit-quiz-back-btn{background:var(--bg-light);border-color:var(--border-color);color:var(--text-muted)}html.dark .edit-quiz-page .edit-quiz-back-btn:hover{background:var(--status-info-bg);border-color:var(--primary-blue);color:var(--primary-blue)}html.dark .edit-quiz-page .edit-quiz-error{background:var(--status-error-bg);border-color:var(--border-color);color:var(--red-600)}html.dark .edit-quiz-page .quiz-form-card,html.dark .edit-quiz-page .quiz-questions-section{background:var(--bg-white);border-color:var(--border-color)}html.dark .edit-quiz-page .form-section-title,html.dark .edit-quiz-page .quiz-form-card .form-label,html.dark .edit-quiz-page .quiz-form-card .checkbox-row label{color:var(--text-light)}html.dark .edit-quiz-page .form-input,html.dark .edit-quiz-page .form-textarea,html.dark .edit-quiz-page .form-select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .edit-quiz-page .form-input:focus,html.dark .edit-quiz-page .form-textarea:focus,html.dark .edit-quiz-page .form-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--status-info-bg)}html.dark .edit-quiz-page .checkbox-row{background:var(--bg-light);border-color:var(--border-color)}html.dark .edit-quiz-page .btn-save{background:var(--primary-blue);border-color:var(--primary-blue)}html.dark .edit-quiz-page .btn-save:hover:not(:disabled){background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);box-shadow:var(--shadow-green)}html.dark .edit-quiz-page .quiz-questions-section .questions-header{background:var(--bg-light);border-bottom-color:var(--border-color)}html.dark .edit-quiz-page .quiz-questions-section .questions-header h3{color:var(--text-light)}html.dark .edit-quiz-page .questions-count-badge,html.dark .edit-quiz-page .btn-add-question,html.dark .edit-quiz-page .btn-add-first{background:var(--primary-blue)}html.dark .edit-quiz-page .btn-add-question:hover,html.dark .edit-quiz-page .btn-add-first:hover{background:var(--primary-blue-hover);box-shadow:var(--shadow-green)}html.dark .edit-quiz-page .question-item{background:var(--bg-light);border-color:var(--border-color)}html.dark .edit-quiz-page .question-item:hover{border-color:var(--primary-blue)}html.dark .edit-quiz-page .question-number{background:var(--primary-blue)}html.dark .edit-quiz-page .question-type{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .edit-quiz-page .question-points{background:var(--status-success-bg);color:var(--green-600)}html.dark .edit-quiz-page .btn-icon.btn-edit{background:var(--status-warning-bg);color:var(--orange-600)}html.dark .edit-quiz-page .btn-icon.btn-edit:hover{background:var(--orange-600);color:#fff}html.dark .edit-quiz-page .btn-icon.btn-delete{background:var(--status-error-bg);color:var(--red-600)}html.dark .edit-quiz-page .btn-icon.btn-delete:hover{background:var(--red-600);color:#fff}html.dark .edit-quiz-page .question-content h4{color:var(--text-light)}html.dark .edit-quiz-page .explanation-box{background:var(--status-warning-bg);border-color:var(--orange-600)}html.dark .edit-quiz-page .explanation-box strong{color:var(--orange-600)}html.dark .edit-quiz-page .empty-questions{background:var(--bg-light);border-color:var(--border-color)}html.dark .edit-quiz-page .empty-questions .empty-icon{background:var(--border-color);color:var(--text-muted)}html.dark .edit-quiz-page .empty-questions h3{color:var(--text-light)}html.dark .edit-quiz-page .empty-questions p{color:var(--text-muted)}html.dark .edit-quiz-page .modal-overlay{background:#0009}html.dark .edit-quiz-page .modal-content{background:var(--bg-white);border-color:var(--border-color);box-shadow:0 24px 56px #0006,0 8px 24px #00000040}html.dark .edit-quiz-page .modal-header{background:var(--bg-light);border-bottom-color:var(--border-color)}html.dark .edit-quiz-page .modal-header:before{background:linear-gradient(180deg,var(--primary-blue),var(--primary-blue-hover))}html.dark .edit-quiz-page .modal-header-icon{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .edit-quiz-page .modal-header h2{color:var(--text-light)}html.dark .edit-quiz-page .btn-close{border-color:var(--border-color);color:var(--text-muted);background:0 0}html.dark .edit-quiz-page .btn-close:hover{background:var(--status-error-bg);border-color:var(--red-600);color:var(--red-600)}html.dark .edit-quiz-page .modal-body .option-letter-badge{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .edit-quiz-page .modal-footer{background:var(--bg-light);border-top-color:var(--border-color)}html.dark .edit-quiz-page .modal-body .form-label{color:var(--text-light)}html.dark .edit-quiz-page .modal-body .form-input,html.dark .edit-quiz-page .modal-body .form-textarea,html.dark .edit-quiz-page .modal-body .form-select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .edit-quiz-page .modal-body .form-input:focus,html.dark .edit-quiz-page .modal-body .form-textarea:focus,html.dark .edit-quiz-page .modal-body .form-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--status-info-bg)}html.dark .edit-quiz-page .modal-footer .btn-secondary{background:var(--bg-light);border-color:var(--border-color);color:var(--text-light)}html.dark .edit-quiz-page .modal-footer .btn-secondary:hover:not(:disabled){background:var(--border-color)}html.dark .edit-quiz-page .modal-footer .btn-primary{background:var(--primary-blue);border-color:var(--primary-blue)}html.dark .edit-quiz-page .modal-footer .btn-primary:hover:not(:disabled){background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);box-shadow:var(--shadow-green)}html.dark .edit-quiz-page .edit-quiz-error,html.dark .edit-quiz-page .modal-body .error-message{background:var(--status-error-bg);border-color:var(--border-color);color:var(--red-600)}:root{--primary-color:#818cf8;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#94a3b8;--border-color:#e2e8f0;--input-bg:#fff;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b}*{box-sizing:border-box;margin:0;padding:0;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);padding:12px}.container{max-width:800px;margin:0 auto}.header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.header-right h1{margin-bottom:4px;font-size:24px;font-weight:700}.header-right p{color:var(--text-muted);font-size:14px}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.close-btn:hover{color:var(--text-main);background:#0000000d}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:12px;box-shadow:0 1px 3px #0000000d}.card-header{justify-content:flex-start;align-items:center;gap:12px;margin-top:-70px;margin-bottom:-70px;display:flex}.card-header h2{font-size:18px;font-weight:600}.ccc{margin-bottom:100px}.icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.blue-bg{background-color:#eef2ff}.green-bg{background-color:#ecfdf5}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-group.full-width{grid-column:1/-1}.select-wrapper{position:relative}select,input[type=text],input[type=number],textarea{border:1px solid var(--border-color);background:var(--input-bg);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}select:focus,input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #818cf81a}select{appearance:none;cursor:pointer}.chevron{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}textarea{resize:vertical;min-height:120px}.hint{color:var(--text-muted);font-size:12px}.toggle-group{background:#f1f5f9;border-radius:8px;gap:4px;width:fit-content;padding:4px;display:flex}.toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.toggle-btn.active{color:#fff;background:#4f46e5}.toggle-btn:hover:not(.active){background:#0000000d}.range-container{align-items:center;gap:16px;margin:8px 0;display:flex}.range-value{color:#4f46e5;text-align:center;background:#eef2ff;border-radius:8px;min-width:60px;padding:8px 16px;font-weight:600}.slider{appearance:none;cursor:pointer;pointer-events:auto;z-index:1;background:#e2e8f0;border-radius:3px;outline:none;flex:1;height:6px;position:relative}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:auto;z-index:2;background:#4f46e5;border:3px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:relative;box-shadow:0 0 0 1px #4f46e5}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{cursor:pointer;background:#4f46e5;border:3px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 0 0 1px #4f46e5}.slider::-moz-range-thumb:hover{transform:scale(1.1)}.checkbox-group{border:1px solid var(--border-color);background:#fafbfc;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.checkbox-content{flex-direction:column;gap:4px;display:flex}.checkbox-content label{font-size:14px;font-weight:600}input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-color)}.time-inputs{flex-direction:column;align-items:flex-start;gap:10px;margin-top:8px;display:flex}.time-field{align-items:center;gap:10px;display:flex}.time-field input{text-align:center;border:1px solid var(--border-color);background:var(--input-bg);width:100px;min-height:44px;color:var(--text-main);border-radius:8px;padding:12px 16px;font-size:16px}.time-field input:focus{border-color:var(--primary-color);outline:none}.time-field span{color:var(--text-muted);font-size:14px;font-weight:500}.separator{color:var(--text-muted);font-weight:700}.footer{justify-content:flex-start;padding:20px 0;display:flex}.button-group{align-items:center;gap:12px;display:flex}.form-content{margin-top:0}.submit-btn{color:#fff;cursor:pointer;background:#a5b4fc;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.submit-btn:hover{background:#818cf8;transform:translateY(-1px);box-shadow:0 4px 12px #818cf84d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.quiz-questions-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.create-quiz-page .quiz-questions-section.create-quiz-section-success{padding:32px}.create-quiz-success-message{text-align:center;background:#3886f414;border:1px solid #3886f433;border-radius:12px;padding:2rem}.create-quiz-success-message .create-quiz-success-icon{color:#3886f4;opacity:.9;margin-bottom:1rem}.create-quiz-success-message h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem}.create-quiz-success-message p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.create-quiz-success-message .create-quiz-success-hint{color:var(--text-muted);margin-top:1rem;font-size:.875rem}.create-quiz-success-message .button-group{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1.5rem;display:flex}.questions-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.questions-header h3{font-size:18px;font-weight:600}.questions-list{flex-direction:column;gap:16px;display:flex}.question-item{border:1px solid var(--border-color);background:#fafbfc;border-radius:12px;padding:20px;transition:all .2s}.question-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.question-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.question-number{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:flex}.question-type{color:#4f46e5;background:#eef2ff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.question-points{color:var(--success-color);background:#ecfdf5;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.question-actions{gap:8px;margin-left:auto;display:flex}.btn-icon{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-main);background:#e2e8f0}.btn-delete{color:var(--danger-color);background:#fef2f2}.btn-delete:hover{background:#fee2e2}.question-content h4{color:var(--text-main);margin-bottom:8px;font-size:15px;font-weight:600}.empty-questions{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-questions svg{opacity:.5;margin-bottom:16px}.empty-questions h3{color:var(--text-main);margin-bottom:8px;font-size:18px;font-weight:600}.empty-questions p{font-size:14px}.question-options-list{margin-top:12px}.question-option-row{border:1px solid var(--border-color);background:#f8fafc;border-radius:6px;margin:4px 0;padding:8px 12px;font-size:14px}.question-option-row.correct{border-color:var(--success-color);background:#ecfdf5}.question-option-check{color:var(--success-color);margin-right:8px;font-weight:500}.question-explanation-box{color:#92400e;background:#fef3c7;border-radius:6px;margin-top:12px;padding:8px;font-size:13px}.create-quiz-skeleton{background:#f1f5f9;border-radius:10px;position:relative;overflow:hidden}.create-quiz-skeleton:after{content:"";border-radius:inherit;background:linear-gradient(105deg,#0000 0% 40%,#ffffffb3 50%,#0000 60% 100%) 0 0/200% 100%;animation:1.8s ease-in-out infinite create-quiz-shimmer;position:absolute;inset:0}.create-quiz-skeleton.accent-green{background:#d1fae5}.create-quiz-skeleton.accent-green:after{background:linear-gradient(105deg,#0000 0% 40%,#ffffff80 50%,#0000 60% 100%)}@keyframes create-quiz-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.create-quiz-skeleton:after{opacity:.5;animation:none}}.create-quiz-skeleton-btn{border-radius:10px;width:88px;height:38px}.create-quiz-skeleton-title{border-radius:8px;width:200px;height:26px;margin-bottom:8px}.create-quiz-skeleton-subtitle{border-radius:6px;width:280px;height:14px}.create-quiz-skeleton-icon{border-radius:10px;width:36px;height:36px}.create-quiz-skeleton-heading{border-radius:8px;width:140px;height:20px}.create-quiz-skeleton-input{border-radius:10px;width:100%;height:44px}.create-quiz-skeleton-input.full{margin-bottom:12px}.create-quiz-skeleton-textarea{border-radius:10px;width:100%;height:120px;margin-bottom:12px}.modal-content{background:var(--card-bg);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header h2{font-size:20px;font-weight:600}.btn-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{background:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{color:var(--danger-color);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.header{flex-direction:column-reverse;align-items:flex-end;gap:16px}.card{padding:24px}.questions-header{flex-direction:column;align-items:flex-start;gap:12px}.question-header{flex-direction:column;align-items:flex-start;gap:8px}.question-actions{justify-content:flex-end;width:100%;margin-left:0}.modal-content{max-height:calc(100vh - 40px)}.modal-header,.modal-body,.modal-footer{padding:20px}}@media (max-width:480px){body{padding:12px}.header h1{font-size:20px}.card{padding:20px}.footer{padding:16px 0}.submit-btn{justify-content:center;width:100%}}.dd{justify-content:flex-start;align-items:center;gap:12px;display:flex}html.dark .create-quiz-page{color:var(--text-light);background-color:#0000}html.dark .create-quiz-page .header-right h1{color:var(--text-light)}html.dark .create-quiz-page .header-right p,html.dark .create-quiz-page .close-btn{color:var(--text-muted)}html.dark .create-quiz-page .close-btn:hover{background:var(--border-light);color:var(--text-light)}html.dark .create-quiz-page .card{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-sm)}html.dark .create-quiz-page .card-header h2,html.dark .create-quiz-page .dd h6{color:var(--text-light)}html.dark .create-quiz-page .icon-wrapper.blue-bg{background:var(--status-info-bg)}html.dark .create-quiz-page .icon-wrapper.blue-bg svg{stroke:var(--primary-blue)}html.dark .create-quiz-page .icon-wrapper.green-bg{background:var(--status-success-bg)}html.dark .create-quiz-page .icon-wrapper.green-bg svg{stroke:var(--primary-green)}html.dark .create-quiz-page .form-group label{color:var(--text-light)}html.dark .create-quiz-page select,html.dark .create-quiz-page input[type=text],html.dark .create-quiz-page input[type=number],html.dark .create-quiz-page textarea{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .create-quiz-page select:focus,html.dark .create-quiz-page input:focus,html.dark .create-quiz-page textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--status-info-bg)}html.dark .create-quiz-page .chevron,html.dark .create-quiz-page .hint{color:var(--text-muted)}html.dark .create-quiz-page .toggle-group{background:var(--bg-light)}html.dark .create-quiz-page .toggle-btn{color:var(--text-muted)}html.dark .create-quiz-page .toggle-btn.active{background:var(--primary-blue);color:#fff}html.dark .create-quiz-page .toggle-btn:hover:not(.active){background:var(--border-light)}html.dark .create-quiz-page .range-value{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .create-quiz-page .slider{background:var(--border-color)}html.dark .create-quiz-page .slider::-webkit-slider-thumb{background:var(--primary-blue);border-color:var(--bg-white);box-shadow:0 0 0 1px var(--primary-blue)}html.dark .create-quiz-page .slider::-moz-range-thumb{background:var(--primary-blue);border-color:var(--bg-white);box-shadow:0 0 0 1px var(--primary-blue)}html.dark .create-quiz-page .checkbox-group{background:var(--bg-light);border-color:var(--border-color)}html.dark .create-quiz-page .checkbox-content label{color:var(--text-light)}html.dark .create-quiz-page .time-field input{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .create-quiz-page .time-field span,html.dark .create-quiz-page .separator{color:var(--text-muted)}html.dark .create-quiz-page .submit-btn{background:var(--primary-blue);color:#fff}html.dark .create-quiz-page .submit-btn:hover{background:var(--primary-blue-hover);box-shadow:var(--shadow-green)}html.dark .create-quiz-page .quiz-questions-section{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-sm)}html.dark .create-quiz-page .questions-header{border-bottom-color:var(--border-color)}html.dark .create-quiz-page .questions-header h3{color:var(--text-light)}html.dark .create-quiz-page .question-item{background:var(--bg-light);border-color:var(--border-color)}html.dark .create-quiz-page .question-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}html.dark .create-quiz-page .question-content h4{color:var(--text-light)}html.dark .create-quiz-page .question-type{background:var(--status-info-bg);color:var(--primary-blue)}html.dark .create-quiz-page .question-points{background:var(--status-success-bg);color:var(--primary-green)}html.dark .create-quiz-page .btn-icon{background:var(--bg-light);color:var(--text-muted)}html.dark .create-quiz-page .btn-icon:hover{background:var(--border-color);color:var(--text-light)}html.dark .create-quiz-page .btn-delete{background:var(--status-error-bg);color:var(--red-600)}html.dark .create-quiz-page .btn-delete:hover{background:#ef444440}html.dark .create-quiz-page .question-option-row{background:var(--bg-light);border-color:var(--border-color);color:var(--text-light)}html.dark .create-quiz-page .question-option-row.correct{background:var(--status-success-bg);border-color:var(--primary-green)}html.dark .create-quiz-page .question-option-check{color:var(--primary-green)}html.dark .create-quiz-page .question-explanation-box{background:var(--status-warning-bg);color:var(--orange-600)}html.dark .create-quiz-page .empty-questions{color:var(--text-muted)}html.dark .create-quiz-page .empty-questions h3{color:var(--text-light)}html.dark .create-quiz-page .empty-questions p,html.dark .create-quiz-page .empty-questions svg{color:var(--text-muted)}html.dark .create-quiz-page .modal-overlay{background:var(--bg-overlay)}html.dark .create-quiz-page .modal-content{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-2xl)}html.dark .create-quiz-page .modal-header{border-bottom-color:var(--border-color)}html.dark .create-quiz-page .modal-header h2{color:var(--text-light)}html.dark .create-quiz-page .btn-close{color:var(--text-muted)}html.dark .create-quiz-page .btn-close:hover{background:var(--bg-light);color:var(--text-light)}html.dark .create-quiz-page .modal-footer{border-top-color:var(--border-color)}html.dark .create-quiz-page .btn-secondary{background:var(--bg-light);color:var(--text-light)}html.dark .create-quiz-page .btn-secondary:hover{background:var(--border-color)}html.dark .create-quiz-page .btn-primary{background:var(--primary-blue);color:#fff}html.dark .create-quiz-page .btn-primary:hover{background:var(--primary-blue-hover);box-shadow:var(--shadow-green)}html.dark .create-quiz-page .error-message{background:var(--status-error-bg);border-color:var(--border-color);color:var(--red-600)}html.dark .create-quiz-page .create-quiz-skeleton{background:var(--bg-light)}html.dark .create-quiz-page .create-quiz-skeleton.accent-green{background:var(--status-success-bg)}.categories-page{background:#f9fafb;min-height:100%}.categories-header{box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:0;display:flex}.categories-title{color:#4972e5;margin:0;font-size:1.5rem;font-weight:600}.categories-subtitle{color:#718096;margin:.35rem 0 0;font-size:.9375rem;font-weight:400}.add-category-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4972e5,#6b8eff);border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .3s;display:flex}.add-category-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4972e54d}.categories-search{margin-bottom:1.25rem;position:relative}.categories-search input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.625rem 2.5rem .625rem .75rem;font-size:.8125rem;font-weight:400;transition:all .3s;box-shadow:0 2px 10px #00000005}.categories-search input:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.search-icon{color:#718096;pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.category-card{background:#fff;border:1px solid #0000000f;border-radius:12px;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d,0 1px 2px #0000000a}.category-card:hover{box-shadow:0 12px 28px #00000014,0 4px 12px #0000000a}.category-card-accent{flex-shrink:0;width:100%;height:4px}.category-card-inner{flex-direction:column;flex:1;padding:1rem 1.125rem .875rem;display:flex}.category-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.category-icon-wrap{background:var(--card-accent-solid,#4265f4);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;position:relative}.category-card:hover .category-icon-wrap{transform:scale(1.05)}.category-icon-image,.category-icon-wrap img{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();opacity:1;width:26px;height:26px}.category-icon-svg{color:#fff;width:22px;height:22px}.category-icon-fallback{margin:auto;display:none;position:absolute;inset:0}.category-icon-fallback.show{display:block}.category-actions{gap:.5rem;display:flex}.action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s,transform .2s;display:flex}.action-btn:hover{transform:scale(1.08)}.action-btn .action-icon{width:16px;height:16px;color:inherit;stroke:currentColor;flex-shrink:0}.action-btn.edit-btn{color:#4972e5;background:#4972e51f}.action-btn.edit-btn:hover{color:#fff;background:#4972e5}.action-btn.delete-btn{color:#e53e3e;background:#e53e3e1a}.action-btn.delete-btn:hover{color:#fff;background:#e53e3e}.category-card-body{flex-direction:column;flex:1;gap:.625rem;display:flex}.category-name{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:500;line-height:1.3}.category-description{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.category-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.stat-pill{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.stat-pill svg{color:#4972e5;flex-shrink:0}.stat-date{color:#94a3b8;font-size:.7rem;font-weight:500}.empty-state{text-align:center;background:#fff;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state svg{color:#4972e5;margin-bottom:1.5rem;font-size:3rem}.empty-state p{color:#718096;margin:0;font-size:14px}.category-modal{max-width:600px}.delete-modal{text-align:center;border:1px solid #0000000f;width:100%;max-width:420px;padding:2rem 1.75rem 0;box-shadow:0 24px 48px #0000001f,0 12px 24px #0000000f}.delete-modal .modal-icon.delete-icon{color:#dc2626;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;display:flex}.delete-modal .modal-title{color:#1e293b;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.delete-modal .modal-message{color:#64748b;margin:0 0 1.75rem;font-size:.9375rem;line-height:1.6}.delete-modal .warning-text{color:#dc2626;margin-top:.5rem;font-size:.8125rem;font-weight:600}.delete-modal .modal-actions{border-top:1px solid #e2e8f0;justify-content:center;gap:.75rem;margin:0 -1.75rem;padding:1.25rem 1.75rem;display:flex}.delete-modal .modal-btn{border-radius:12px;min-width:120px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s}.delete-modal .cancel-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.delete-modal .cancel-btn:hover{color:#334155;background:#e2e8f0;border-color:#cbd5e1}.delete-modal .delete-confirm-btn{color:#fff;background:#dc2626;border:none}.delete-modal .delete-confirm-btn:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262659}.modal-title{color:#4972e5;margin:0;font-size:1.5rem;font-weight:700}.modal-close{color:#718096;cursor:pointer;background:#f7f9fc;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.modal-close:hover{color:#fff;background:#e53e3e}.modal-body .form-group{margin-bottom:1.5rem}.modal-body label{color:#2d3748;margin-bottom:.5rem;font-size:14px;font-weight:600;display:block}.modal-body input,.modal-body textarea,.modal-body select{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.875rem 1rem;font-size:14px;transition:all .3s}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.modal-body textarea{resize:vertical;min-height:100px}.color-input-wrapper{align-items:center;gap:1rem;display:flex}.color-input{cursor:pointer;border:none;border-radius:8px;width:60px;height:40px;padding:0}.color-value-display{color:#2d3748;text-align:center;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:.875rem 1rem;font-family:monospace;font-size:14px}.modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .3s}.cancel-btn{color:#4a5568;background:#f7f9fc;border:1px solid #e2e8f0}.cancel-btn:hover{background:#edf2f7}.submit-btn{color:#fff;background:linear-gradient(135deg,#4972e5,#6b8eff)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4972e54d}.delete-confirm-btn{color:#fff;background:#e53e3e}.delete-confirm-btn:hover{background:#c53030;transform:translateY(-2px)}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.delete-icon{color:#e53e3e;background:#e53e3e1a;font-size:2.5rem}.modal-message{color:#4a5568;margin-bottom:2rem;font-size:14px;line-height:1.6}.warning-text{color:#e53e3e;margin-top:.5rem;font-weight:600;display:block}.file-input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.875rem 1rem;font-size:14px}.file-input::file-selector-button{color:#4a5568;cursor:pointer;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:6px;margin-left:1rem;padding:.5rem 1rem;transition:all .3s}.file-input::file-selector-button:hover{background:#edf2f7}.edit-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-category-modal{background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0000001f,0 12px 24px #00000014}.edit-modal-accent{flex-shrink:0;width:100%;height:6px}.edit-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.edit-modal-title{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.edit-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s,transform .2s;display:flex}.edit-modal-close:hover{color:#dc2626;background:#fee2e2;transform:scale(1.05)}.edit-modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.edit-modal-body{flex:1;padding:1.5rem 1.75rem;overflow-y:auto}.edit-modal-section{margin-bottom:1.5rem}.edit-modal-section:last-child{margin-bottom:0}.edit-modal-section-title{color:#475569;text-transform:uppercase;letter-spacing:.04em;margin:0 0 1rem;font-size:.9rem;font-weight:600}.edit-modal-section-appearance{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem}.edit-modal-label{color:#334155;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.edit-modal-required{color:#dc2626}.edit-modal-input,.edit-modal-textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.edit-modal-input::-moz-placeholder{color:#94a3b8}.edit-modal-textarea::-moz-placeholder{color:#94a3b8}.edit-modal-input::placeholder,.edit-modal-textarea::placeholder{color:#94a3b8}.edit-modal-input:focus,.edit-modal-textarea:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e526}.edit-modal-textarea{resize:vertical;min-height:100px}.edit-modal-row{grid-template-columns:1fr 1fr 1fr;gap:1.25rem;display:grid}.edit-modal-field{flex-direction:column;gap:.5rem;display:flex}.edit-modal-color-wrap{align-items:center;gap:.75rem;display:flex}.edit-modal-color-input{cursor:pointer;background:0 0;border:none;border-radius:10px;width:48px;height:40px;padding:2px}.edit-modal-color-value{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:.5rem .75rem;font-family:ui-monospace,monospace;font-size:.75rem}.edit-modal-upload-zone{cursor:pointer;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:.875rem;font-weight:500;transition:border-color .2s,background .2s;display:flex}.edit-modal-upload-zone:hover{color:#4972e5;background:#4972e50f;border-color:#4972e5}.edit-modal-upload-zone svg{color:#94a3b8}.edit-modal-upload-zone:hover svg{color:#4972e5}.edit-modal-hint{color:#94a3b8;font-size:.7rem;font-weight:400}.edit-modal-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.edit-modal-file-preview{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:80px;overflow:hidden}.edit-modal-preview-img-wrap{justify-content:center;align-items:center;padding:.75rem;display:flex;position:relative}.edit-modal-preview-img-wrap img{-o-object-fit:contain;object-fit:contain;max-width:64px;max-height:64px}.edit-modal-remove-file{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.75rem;transition:background .2s;display:inline-flex}.edit-modal-remove-file:hover{background:#fecaca}.edit-modal-preview-img-wrap .edit-modal-remove-file{top:.5rem;position:absolute;inset-inline-start:.5rem}.edit-modal-file-info{color:#475569;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.edit-modal-file-info .edit-modal-remove-file{margin-inline-start:auto;position:static}.edit-modal-file-info svg{color:#64748b;flex-shrink:0}.edit-modal-preview-field{align-items:center}.edit-modal-live-preview{color:#ffffffe6;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #00000026}.edit-modal-live-preview img{-o-object-fit:contain;object-fit:contain;filter:none;opacity:1;width:40px;height:40px}.edit-modal-actions{background:#fafbfc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.edit-modal-btn{cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s}.edit-modal-btn-cancel{color:#475569;background:#fff;border:1px solid #e2e8f0}.edit-modal-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.edit-modal-btn-submit{color:#fff;background:linear-gradient(135deg,#4972e5,#5b7cff);box-shadow:0 4px 14px #4972e540}.edit-modal-btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4972e559}@media (max-width:640px){.edit-modal-row{grid-template-columns:1fr}.edit-modal-preview-field{align-items:flex-start}}@media (max-width:768px){.categories-header{flex-direction:column;align-items:stretch;gap:1rem}.add-category-btn{justify-content:center;width:100%}.categories-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-btn{justify-content:center;width:100%}}html.dark .categories-page{background:0 0}html.dark .categories-header{box-shadow:none;background:0 0;border:none}html.dark .categories-title{color:var(--primary-green)}html.dark .categories-subtitle{color:var(--text-muted)}html.dark .add-category-btn{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff}html.dark .add-category-btn:hover{box-shadow:var(--shadow-green)}html.dark .categories-search input{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .categories-search input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--status-info-bg)}html.dark .search-icon{color:var(--text-muted)}html.dark .category-card{background:var(--bg-white);border-color:var(--border-color);box-shadow:0 4px 24px #0003,0 1px 3px #00000026}html.dark .category-card:hover{box-shadow:0 20px 40px #00000040,0 8px 16px #0003}html.dark .category-card-accent{opacity:.9}html.dark .category-name{color:var(--text-light)}html.dark .category-description{color:var(--text-muted)}html.dark .category-icon-wrap{background:var(--card-accent-solid,#4265f4);color:#fff}html.dark .stat-pill{background:var(--bg-light);color:var(--text-muted)}html.dark .stat-pill svg{color:var(--primary-green)}html.dark .stat-date{color:var(--text-muted)}html.dark .action-btn{background:var(--bg-light);color:var(--text-muted)}html.dark .action-btn.edit-btn{background:var(--status-info-bg);color:var(--primary-green)}html.dark .action-btn.edit-btn:hover{background:var(--primary-green);color:#fff}html.dark .action-btn.delete-btn{background:var(--status-error-bg);color:var(--status-error)}html.dark .action-btn.delete-btn:hover{background:var(--status-error);color:#fff}html.dark .empty-state{background:var(--bg-white);border:1px solid var(--border-color)}html.dark .empty-state p{color:var(--text-muted)}html.dark .empty-state svg{color:var(--primary-green)}html.dark .modal-content{background:var(--bg-white);border-color:var(--border-color)}html.dark .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6}html.dark .delete-modal{background:var(--bg-white);border-color:var(--border-color);box-shadow:0 24px 48px #0006,0 12px 24px #00000040}html.dark .delete-modal .modal-icon.delete-icon{background:var(--status-error-bg);color:var(--status-error)}html.dark .delete-modal .modal-title{color:var(--text-light)}html.dark .delete-modal .modal-message{color:var(--text-muted)}html.dark .delete-modal .warning-text{color:var(--status-error)}html.dark .delete-modal .modal-actions{border-top-color:var(--border-color)}html.dark .delete-modal .cancel-btn{background:var(--bg-light);color:var(--text-light);border-color:var(--border-color)}html.dark .delete-modal .cancel-btn:hover{background:var(--border-color);border-color:var(--text-muted);color:var(--text-light)}html.dark .delete-modal .delete-confirm-btn{background:var(--status-error);color:#fff}html.dark .delete-modal .delete-confirm-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}html.dark .edit-category-modal{background:var(--bg-white);border-color:var(--border-color);box-shadow:0 24px 48px #00000059,0 12px 24px #00000040}html.dark .edit-modal-accent{opacity:.92}html.dark .edit-modal-header{border-bottom-color:var(--border-color)}html.dark .edit-modal-title{color:var(--text-light)}html.dark .edit-modal-close{background:var(--bg-light);color:var(--text-muted)}html.dark .edit-modal-close:hover{background:var(--status-error-bg);color:var(--status-error)}html.dark .edit-modal-label{color:var(--text-light)}html.dark .edit-modal-required{color:var(--status-error)}html.dark .edit-modal-input,html.dark .edit-modal-textarea{background:var(--bg-light);border-color:var(--border-color);color:var(--text-light)}html.dark .edit-modal-input::-moz-placeholder{color:var(--text-muted)}html.dark .edit-modal-textarea::-moz-placeholder{color:var(--text-muted)}html.dark .edit-modal-input::placeholder,html.dark .edit-modal-textarea::placeholder{color:var(--text-muted)}html.dark .edit-modal-input:focus,html.dark .edit-modal-textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--status-info-bg)}html.dark .edit-modal-section-appearance{background:var(--bg-light);border-color:var(--border-color)}html.dark .edit-modal-section-title{color:var(--text-muted)}html.dark .edit-modal-color-value{background:var(--bg-white);border-color:var(--border-color);color:var(--text-muted)}html.dark .edit-modal-upload-zone{background:var(--bg-light);border-color:var(--border-color);color:var(--text-muted)}html.dark .edit-modal-upload-zone:hover{border-color:var(--primary-green);background:var(--status-info-bg);color:var(--primary-green)}html.dark .edit-modal-upload-zone svg{color:var(--text-muted)}html.dark .edit-modal-upload-zone:hover svg{color:var(--primary-green)}html.dark .edit-modal-hint{color:var(--text-muted)}html.dark .edit-modal-file-preview{background:var(--bg-light);border-color:var(--border-color)}html.dark .edit-modal-remove-file{background:var(--status-error-bg);color:var(--status-error)}html.dark .edit-modal-remove-file:hover{background:#ef444440}html.dark .edit-modal-file-info,html.dark .edit-modal-file-info svg{color:var(--text-muted)}html.dark .edit-modal-actions{border-top-color:var(--border-color);background:var(--bg-light)}html.dark .edit-modal-btn-cancel{background:var(--bg-white);color:var(--text-light);border-color:var(--border-color)}html.dark .edit-modal-btn-cancel:hover{background:var(--bg-light);border-color:var(--border-color)}html.dark .edit-modal-btn-submit{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff;box-shadow:var(--shadow-green)}html.dark .edit-modal-btn-submit:hover{box-shadow:var(--shadow-green-lg)}*{box-sizing:border-box}.add-path-page{direction:rtl;background:#f9fafb;min-height:100vh;padding:2rem}.path-creation-wizard.add-path-page{padding:.5rem 0 1rem}.path-creation-wizard.add-path-page:has(.path-creation-step1){min-height:auto}.edit-path-page:has(.path-creation-step1){min-height:auto}.page-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.path-creation-wizard .page-container,.edit-path-page .page-container{gap:.75rem}:is(.path-creation-wizard .page-container:has(.path-creation-step1),.edit-path-page .page-container:has(.path-creation-step1)){max-width:72rem}.page-header,.form-section{background:#fff;border:1px solid #00000005;border-radius:16px;width:100%;padding:2rem;box-shadow:0 4px 20px #0000000a}.path-creation-wizard .page-header,.edit-path-page .page-header{box-shadow:none!important;background:0 0!important;border:none!important;padding:.5rem 0 .75rem!important}.path-creation-wizard .stepper-card,.edit-path-page .stepper-card{background:#fff;border-radius:12px;width:100%;margin-bottom:1rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000f}html.dark .path-creation-wizard .stepper-card,html.dark .edit-path-page .stepper-card{box-shadow:0 1px 3px #0003;background:#1e293b!important}html.dark .path-creation-wizard .stepper-card .step-title,html.dark .edit-path-page .stepper-card .step-title{color:#e2e8f0!important}html.dark .path-creation-wizard .stepper-card .step-title.inactive,html.dark .edit-path-page .stepper-card .step-title.inactive{color:#94a3b8!important}html.dark .path-creation-wizard .stepper-card .step-title.completed,html.dark .edit-path-page .stepper-card .step-title.completed{color:#cbd5e1!important}html.dark .path-creation-wizard .stepper-card .step-subtitle,html.dark .edit-path-page .stepper-card .step-subtitle{color:#94a3b8!important}html.dark .path-creation-wizard .stepper-card .step-subtitle.inactive,html.dark .edit-path-page .stepper-card .step-subtitle.inactive{color:#64748b!important}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:-.5rem;display:flex}.page-header-title-block{flex-direction:column;gap:.25rem;display:flex}.page-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.page-header-subtitle{color:#6b7280;margin:0;font-size:.875rem;font-weight:400}.required-asterisk{color:#e53e3e}.page-header-actions{align-items:center;gap:.75rem;display:flex}.btn-cancel-header{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.875rem;transition:color .2s;display:inline-flex}.btn-cancel-header:hover:not(:disabled){color:#374151}.btn-cancel-header:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-header-icon{opacity:.8;flex-shrink:0}.btn-save-header{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.btn-save-header:hover:not(:disabled){color:#1f2937;background:#e5e7eb;border-color:#d1d5db}.btn-save-header:disabled{opacity:.7;cursor:not-allowed}.btn-save-header-icon{flex-shrink:0}.path-form{flex-direction:column;gap:2rem;width:100%;display:flex}.form-section-title{color:#4972e5;border-bottom:2px solid #4972e51a;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.form-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-label{color:#2d3748;font-size:14px;font-weight:600}.form-label.required:after{content:" *";color:#e53e3e}.form-input,.form-textarea,.form-select,.form-color-input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.875rem 1rem;font-size:14px;transition:all .3s}.form-color-input{cursor:pointer;background:var(--color-value,#fff);height:50px;padding:.25rem}.form-color-input::-webkit-color-swatch-wrapper{padding:0}.form-color-input::-webkit-color-swatch{border:none;border-radius:8px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.form-textarea{resize:vertical;min-height:120px}.form-hint{color:#718096;margin-top:.25rem;font-size:12px}.color-picker-wrapper{align-items:center;gap:.75rem;display:flex}.color-option{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:50px;height:50px;transition:all .3s}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-option.selected{border-color:#4972e5;transform:scale(1.15);box-shadow:0 0 0 4px #4972e54d}.color-preview-section{margin-top:1.5rem}.gradient-preview{border-radius:16px;justify-content:center;align-items:center;height:200px;padding:2rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000001a}.gradient-preview-content{text-align:center;color:#fff}.gradient-preview-content svg{filter:drop-shadow(0 2px 4px #0003);margin-bottom:1rem}.gradient-preview-content h4{text-shadow:0 2px 4px #0003;margin:0;font-size:1.5rem;font-weight:700}.file-upload-container{width:100%}.file-input{display:none}.file-upload-label{color:#4972e5;cursor:pointer;text-align:center;background:#4972e50d;border:2px dashed #4972e54d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:3rem 2rem;transition:all .3s;display:flex}.file-upload-label:hover{background:#4972e51a;border-color:#4972e5}.image-preview{border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:300px;margin-top:1rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.image-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:200px}.btn-secondary{color:#4972e5;cursor:pointer;background:#f7f9fc;border:1px solid #4972e533;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-secondary:hover:not(:disabled){background:#4972e50d;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4972e5,#6b8eff);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4972e54d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-actions{justify-content:flex-end;gap:1rem;padding:1rem 0;display:flex}.error-message{color:#e53e3e;white-space:pre-wrap;background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:10px;width:100%;padding:1rem;font-family:monospace;font-size:14px}.spinning{animation:1s linear infinite spin}@media (max-width:768px){.add-path-page{padding:1rem}.page-header,.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.page-header{text-align:center;flex-direction:column;align-items:stretch;gap:1rem}.btn-secondary,.btn-primary{justify-content:center;width:100%}.form-actions{flex-direction:column-reverse}.color-picker-wrapper{flex-direction:column;align-items:stretch}.gradient-preview{height:150px;padding:1rem}.gradient-preview-content h4{font-size:1.25rem}.section-header{border-bottom:2px solid #4972e51a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.btn-add-course{color:#fff;cursor:pointer;background:#4972e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-add-course:hover{background:#3b5bdb;transform:translateY(-1px)}.btn-add-course-inline{color:#fff;cursor:pointer;background:#4972e5;border:none;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-add-course-inline:hover{background:#3b5bdb;transform:translateY(-1px)}.course-selector-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.course-selector-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0003}.course-selector-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.course-selector-header h4{color:#2d3748;margin:0;font-size:1.25rem;font-weight:700}.btn-close{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem;transition:all .2s}.btn-close:hover{color:#2d3748;background:#7180961a}.course-selector-list{flex:1;padding:1rem;overflow-y:auto}.loading-courses{color:#718096;justify-content:center;align-items:center;padding:3rem;font-size:14px;display:flex}.no-courses{text-align:center;color:#718096;padding:3rem;font-size:14px}.course-selector-item{cursor:pointer;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.course-selector-item:hover:not(.added){background:#4972e50d;border-color:#4972e5;transform:translate(-2px)}.course-selector-item.added{opacity:.6;cursor:not-allowed;background:#4972e508}.course-selector-item-info{flex:1;align-items:center;gap:.75rem;display:flex}.course-icon{color:#4972e5;flex-shrink:0}.course-selector-item-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.course-selector-item-title{color:#2d3748;font-size:14px;font-weight:600}.course-selector-item-desc{color:#718096;font-size:12px}.course-added-badge{color:#22c55e;font-size:13px;font-weight:600}.courses-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.course-item{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:12px;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.course-item:hover{box-shadow:0 2px 8px #4972e514}.course-item-number{color:#fff;background:#4972e5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:700;display:flex}.course-item-content{flex-direction:column;flex:1;gap:1rem;display:flex}.course-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.course-item-title{color:#2d3748;flex:1;margin:0;font-size:1.125rem;font-weight:700}.btn-remove-course{color:#e53e3e;cursor:pointer;background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-remove-course:hover{background:#e53e3e26;border-color:#e53e3e;transform:scale(1.05)}.course-item-fields{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.course-item-field{flex-direction:column;gap:.375rem;display:flex}.course-item-field.full-width{grid-column:span 2}.course-item-label{color:#718096;font-size:12px;font-weight:600}.course-item-select,.course-item-input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.625rem .75rem;font-size:13px;transition:all .2s}.course-item-select:focus,.course-item-input:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 2px #4972e51a}.no-courses-message{color:#718096;text-align:center;background:#f7f9fc;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.no-courses-message svg{color:#cbd5e1;margin-bottom:1rem}.no-courses-message p{margin:0;font-size:14px}@media (max-width:768px){.course-item-fields{grid-template-columns:1fr}.course-item-field.full-width{grid-column:span 1}.course-selector-modal{padding:1rem}.course-selector-content{max-height:90vh}}.icon-upload-card{background:#fff;border:1px solid #00000005;border-radius:16px;width:100%;margin-top:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #0000000a}.icon-upload-area{background:#4972e50d;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .3s;display:flex}.icon-upload-area:hover{background:#4972e51a;border-color:#4972e5}.upload-icon-wrapper{background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;display:flex}.icon-preview-container{background:#4972e50d;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.icon-preview{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:64px;height:64px}.remove-icon-button{color:#e53e3e;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;font-size:14px;text-decoration:underline;transition:background-color .2s}.remove-icon-button:hover{background:#e53e3e1a}}html.dark .add-path-page{background:0 0}html.dark .page-header,html.dark .form-section{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-md)}html.dark .path-creation-wizard .page-header,html.dark .edit-path-page .page-header{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .page-title,html.dark .form-section-title{color:var(--primary-green)}html.dark .form-section-title{border-bottom-color:var(--border-color)}html.dark .form-input,html.dark .form-textarea,html.dark .form-select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .form-color-input{border-color:var(--border-color)}html.dark .btn-primary{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light))}html.dark .btn-secondary{background:var(--bg-light);color:var(--text-light);border-color:var(--border-color)}.edit-path-page .page-header{border-radius:12px}html.dark .edit-path-page{background:0 0}html.dark .edit-path-page .page-header{box-shadow:none!important;background:0 0!important;border:none!important}html.dark .edit-path-page .page-title{color:var(--text-light)!important}html.dark .edit-path-page .page-header-subtitle,html.dark .edit-path-page .btn-cancel-header{color:var(--text-muted)!important}html.dark .edit-path-page .btn-cancel-header:hover:not(:disabled){color:var(--text-light)!important}html.dark .edit-path-page .btn-save-header{background-color:var(--bg-light)!important;border-color:var(--border-color)!important;color:var(--text-light)!important}html.dark .edit-path-page .btn-save-header:hover:not(:disabled){background-color:var(--border-color)!important;color:var(--text-light)!important}html.dark .edit-path-page header{background-color:var(--bg-white)!important;border-color:var(--border-color)!important}html.dark .edit-path-page header h1,html.dark .edit-path-page header .text-gray-800{color:var(--text-light)!important}html.dark .edit-path-page header .text-gray-400,html.dark .edit-path-page header button.text-gray-500{color:var(--text-muted)!important}html.dark .edit-path-page header button.text-gray-500:hover{color:var(--text-light)!important}html.dark .edit-path-page header button.border{border-color:var(--border-color)!important;color:var(--text-light)!important}html.dark .edit-path-page header button.border:hover{background-color:var(--bg-light)!important}html.dark .edit-path-page header button.bg-blue-600{background-color:var(--primary-green)!important}html.dark .edit-path-page header button.bg-blue-600:hover:not(:disabled){background-color:var(--primary-green-dark)!important}html.dark .edit-path-page header button.bg-gray-200{background-color:var(--bg-light)!important;color:var(--text-muted)!important}html.dark .edit-path-page .bg-red-50{background-color:var(--status-error-bg)!important;border-color:var(--border-color)!important;color:var(--status-error)!important}html.dark .edit-path-page .bg-green-50{background-color:var(--status-success-bg)!important;border-color:var(--border-color)!important;color:var(--status-success)!important}html.dark .edit-path-page .border-red-200,html.dark .edit-path-page .border-green-200{border-color:var(--border-color)!important}html.dark .edit-path-page .text-red-600{color:var(--status-error)!important}html.dark .edit-path-page .text-green-600{color:var(--status-success)!important}@media (max-width:767px){.edit-path-page .page-header,.add-path-page .page-header{flex-direction:column;align-items:stretch;gap:1rem}.path-creation-wizard .page-header,.edit-path-page .page-header{padding:.25rem 0 .5rem!important}.edit-path-page .page-header-title-block,.add-path-page .page-header-title-block{gap:.25rem}.edit-path-page .page-title,.add-path-page .page-title{font-size:1.25rem;line-height:1.3}.edit-path-page .page-header-subtitle,.add-path-page .page-header-subtitle{font-size:.8125rem;line-height:1.4}.edit-path-page .page-header-actions,.add-path-page .page-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.edit-path-page .page-header-actions button,.add-path-page .page-header-actions button{min-height:2.25rem;padding:.5rem .75rem;font-size:.8125rem}}.path-creation-step1{direction:rtl;background-color:#f9fafb;min-height:auto;padding-bottom:4rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}.edit-path-page .path-creation-step1,.path-creation-wizard .path-creation-step1{background:0 0}.path-creation-step1 .stepper-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;margin-bottom:.5rem;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f}html.dark .path-creation-step1 .stepper-card{box-shadow:0 1px 3px #0003;background:#1e293b!important}.path-creation-step1 .stepper-card .stepper-container{max-width:60rem;margin:0 auto;padding:0 1rem}.form-content{width:100%;max-width:90rem;margin:0 auto;padding:0 1rem}.form-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;margin-top:4rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.form-step1-cards{box-shadow:none;background:0 0;border:none;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;margin-top:1.5rem;padding:0;display:grid}.path-creation-step1 .form-content:has(.form-step1-cards){background:0 0}html.dark .edit-path-page .path-creation-step1 .form-content,html.dark .edit-path-page .form-step1-cards,html.dark .path-creation-wizard .path-creation-step1 .form-content,html.dark .path-creation-wizard .form-step1-cards{background:0 0!important}.form-step1-cards .form-card-step1{margin-top:0}.form-card-step1{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;height:100%;min-height:0;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000000f}.form-card-step1 .form-field-group{flex:none}.form-card-step1 .form-field-group:has(.form-textarea-tall){flex-direction:column;flex:1;min-height:0;display:flex}.form-card-step1 .form-textarea-tall{resize:vertical;flex:1;min-height:14rem}@media (max-width:768px){.form-step1-cards{grid-template-columns:1fr}}.form-field-group{margin-bottom:1.5rem}.form-field-group:last-child{margin-bottom:0}.form-label{color:#374151;margin-bottom:.375rem;font-size:.75rem;font-weight:700;display:block}.optional-label{color:#9ca3af;font-weight:400}.form-input{text-align:right;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.75rem;transition:all .2s}.form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f133}.form-input::placeholder{color:#9ca3af}.form-textarea{text-align:right;resize:vertical;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;min-height:6rem;padding:.5rem .75rem;font-size:.75rem;transition:all .2s}.form-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f133}.form-textarea::placeholder{color:#9ca3af}.helper-text{color:#9ca3af;margin-top:.125rem;font-size:.625rem}.textarea-char-count{color:#6b7280;text-align:left;margin-top:.25rem;font-size:.6875rem}.path-creation-step1 .footer.footer-step1{background-color:#fafafa;justify-content:flex-end;align-items:center;width:auto;padding:.875rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:80px}.path-creation-step1 .footer-step1 .footer-inner{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.path-creation-step1 .footer-step1 .footer-btn-next{color:#4b5563;cursor:pointer;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.path-creation-step1 .footer-step1 .footer-btn-next.enabled{color:#fff;cursor:pointer;background-color:#4972e5;border-color:#4972e5}.path-creation-step1 .footer-step1 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}.path-creation-step1 .footer-step1 .footer-btn-next.disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.path-creation-step1 .footer-step1 .footer-progress-text{color:#9ca3af;margin:0;font-size:.8125rem}.admin-layout-main.sidebar-open .path-creation-step1 .footer.footer-step1{right:280px!important}.admin-layout-main.sidebar-closed .path-creation-step1 .footer.footer-step1{right:80px!important}@media (max-width:1024px){.path-creation-step1 .footer.footer-step1{right:0!important}}@media (max-width:768px){.path-creation-step1 .footer.footer-step1{width:100%;padding:.75rem max(1rem,env(safe-area-inset-left)).75rem max(1rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));justify-content:flex-end;align-items:center;min-height:56px;left:0!important;right:0!important}.path-creation-step1 .footer-step1 .footer-inner{justify-content:flex-end;gap:.75rem;width:100%}.path-creation-step1 .footer-step1 .footer-btn-next{min-width:44px;min-height:44px;padding:.625rem 1.25rem;font-size:.9375rem}.path-creation-step1 .footer-step1 .footer-progress-text{font-size:.75rem}}html.dark .path-creation-step1{background-color:#0000}html.dark .edit-path-page .path-creation-step1{background:0 0}html.dark .step-title{color:var(--text-light)}html.dark .step-title.inactive,html.dark .step-subtitle{color:var(--text-muted)}html.dark .form-card,html.dark .card,html.dark .form-card-step1{background:var(--bg-white);border-color:var(--border-color)}html.dark .form-label{color:var(--text-light)}html.dark .path-creation-step1 .footer.footer-step1{background:var(--bg-white);border-color:var(--border-color)}html.dark .path-creation-step1 .footer-step1 .footer-btn-next.enabled{color:#fff;background-color:#4972e5;border-color:#4972e5}html.dark .path-creation-step1 .footer-step1 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}html.dark .path-creation-step1 .footer-step1 .footer-btn-next.disabled{background-color:var(--bg-light);color:var(--text-muted);border-color:var(--border-color)}html.dark .path-creation-step1 .footer-step1 .footer-progress-text{color:var(--text-muted)}body{font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}input:focus,textarea:focus{outline:none}.path-creation-step2{direction:rtl;background-color:#f9fafb;min-height:100vh;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}.path-creation-step2 .stepper-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;margin-bottom:.5rem;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f}.path-creation-step2 .stepper-card .stepper-container{max-width:60rem;margin:0 auto;padding:0 1rem}.path-creation-step2 .stepper-card .stepper-wrapper{margin-bottom:1.5rem}html.dark .path-creation-step2 .stepper-card{box-shadow:0 1px 3px #0003;background:#1e293b!important}.stepper-container{max-width:60rem;margin:1.5rem auto 2rem;padding:0 1rem}.path-creation-step2 .stepper-container{max-width:72rem;margin-top:.25rem;margin-bottom:2.2rem;padding-left:.75rem;padding-right:.75rem}.stepper-wrapper{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.stepper-line{z-index:0;background-color:#e5e7eb;width:100%;height:.125rem;position:absolute;top:50%;transform:translateY(-50%)}.step-item{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.step-circle{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.step-circle.completed{color:#fff;background-color:#2563eb;box-shadow:0 10px 15px -3px #0000001a}.path-creation-step2 .step-circle.completed:before,.path-creation-step2 .step-circle.completed:after,.path-creation-step2 .step-title.completed:before,.path-creation-step2 .step-title.completed:after{display:none!important}.path-creation-step2 .step-circle.completed .step-number{visibility:visible!important;display:flex!important}.path-creation-step2 .step-title.completed{background-image:none!important}.step-circle.active{color:#fff;background-color:#2563eb;box-shadow:0 0 0 .25rem #eff6ff}.step-circle.inactive{color:#6b7280;background-color:#e5e7eb}.step-number{font-size:.75rem;font-weight:700}.step-labels{text-align:center;width:8rem;position:absolute;top:2.5rem}.step-title{color:#1f2937;font-size:.75rem;font-weight:700}.step-title.completed{color:#374151}.step-title.inactive{color:#9ca3af}.step-subtitle{color:#9ca3af;font-size:.625rem}.step-subtitle.inactive{color:#d1d5db}.error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1rem;padding:.75rem;font-size:.75rem}.success-message{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.75rem;margin-bottom:1rem;padding:.75rem;font-size:.75rem}.main-content{margin-top:4rem;padding-bottom:8rem}.path-creation-step2 .main-content{margin-top:1rem}.main-content>div:not(:last-child){margin-bottom:1rem}.form-content-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100%;margin:0 auto;padding:0 1rem;display:grid}.form-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.form-card.column{flex-direction:column;display:flex}.form-label{color:#374151;text-align:right;margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:block}.required-mark{color:#ef4444}.optional-label{color:#9ca3af;font-size:.75rem}.ss{margin-top:2rem}.thumbnail-upload{background-color:#f9fafb80;border:2px dashed #e5e7eb;border-radius:.75rem;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.thumbnail-upload.has-image{background-color:#f9fafb80}.thumbnail-preview{-o-object-fit:contain;object-fit:contain;max-height:10rem;margin-bottom:.75rem}.remove-image-button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.upload-icon-container{background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:.75rem;display:flex}.upload-icon{color:#9ca3af}.upload-text{color:#374151;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.upload-hint{color:#9ca3af;margin-bottom:1rem;font-size:.625rem}.upload-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem 1rem;font-size:.75rem;transition:background-color .2s;display:flex}.upload-button:hover{background-color:#1d4ed8}.thumbnail-note{color:#9ca3af;align-items:center;gap:.25rem;margin-top:.75rem;font-size:.625rem;display:flex}.note-dot{background-color:#9ca3af;border-radius:50%;width:.25rem;height:.25rem}.path-creation-step2 .right-column{grid-template-columns:.65fr 1fr .9fr;align-items:stretch;gap:1.5rem;width:100%;margin-top:.5rem;display:grid}@media (max-width:991px){.path-creation-step2 .right-column{grid-template-columns:1fr 1fr}}@media (max-width:767px){.path-creation-step2 .right-column{grid-template-columns:1fr}}.path-creation-step2 .color-picker-card{box-sizing:border-box;background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;flex-direction:column;width:100%;min-height:100%;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 2px #0000000d}.path-creation-step2 .path-color-card-label{margin-bottom:.5rem}.path-creation-step2 .color-options{grid-template-rows:repeat(2,4.5rem);grid-template-columns:repeat(3,4.5rem);align-self:start;gap:0;width:fit-content;margin-left:0;margin-right:auto;display:grid}.path-creation-step2 .color-option{cursor:pointer;border:none;border-radius:16.55px;width:4rem;height:4rem;transition:transform .2s,box-shadow .2s}.path-creation-step2 .color-option:hover,.path-creation-step2 .color-option.selected{transform:none}.path-creation-step2 .color-option:active{transform:scale(.94)}.path-creation-step2 .color-option.selected{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #fff}.path-creation-step2 .icon-picker-card{box-sizing:border-box;background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;flex-direction:column;width:100%;min-height:100%;margin-top:0;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 2px #0000000d}.path-creation-step2 .icon-picker-card .form-label{margin-bottom:.5rem}.path-creation-step2 .icon-picker-card .icon-hint{margin-top:.375rem;margin-bottom:0}.path-creation-step2 .path-preview-card{box-sizing:border-box;background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;flex-direction:column;width:100%;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 2px #0000000d}.path-creation-step2 .path-preview-card .form-label{margin-bottom:.75rem}.path-creation-step2 .path-preview-inner{aspect-ratio:1;border-radius:.75rem;width:100%;max-height:8.5rem;position:relative;overflow:hidden}.path-creation-step2 .path-preview-icon-wrap{justify-content:center;align-items:center;width:33.33%;display:flex;position:absolute;top:0;bottom:0;left:0}.path-creation-step2 .path-preview-icon{opacity:.45;color:#fffffff2;flex-shrink:0;width:12rem;min-width:12rem;height:12rem;min-height:12rem}.path-creation-step2 .path-preview-icon-img{-o-object-fit:contain;object-fit:contain;opacity:.45;filter:brightness(0)invert();width:16rem;height:16rem}.path-creation-step2 .path-preview-placeholder{color:#fffc;text-align:center;justify-content:center;align-items:center;width:100%;padding:.5rem;font-size:.75rem;display:flex}.path-creation-step2 .icon-picker-card-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.path-creation-step2 .icon-picker-card-header .form-label{margin-bottom:0}.path-creation-step2 .icon-preview-remove-inline{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;text-decoration:underline;transition:color .2s}.path-creation-step2 .icon-preview-remove-inline:hover{color:#dc2626}.path-creation-step2 .path-icon-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.375rem;display:flex}.path-creation-step2 .path-custom-icon-upload-inline{flex-shrink:0;align-self:center;width:8rem;min-width:7rem}.path-creation-step2 .path-icon-upload-dropzone{aspect-ratio:1;cursor:pointer;background:#f9fafbcc;border:2px dashed #e5e7eb;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;transition:border-color .2s,background-color .2s;display:flex}.path-creation-step2 .path-icon-upload-dropzone:hover{background:#eff6ff;border-color:#93c5fd}.path-creation-step2 .path-upload-plus-icon{color:#9ca3af}.path-creation-step2 .path-icon-upload-dropzone:hover .path-upload-plus-icon{color:#2563eb}.path-creation-step2 .path-upload-label{color:#6b7280;text-align:center;font-size:.8125rem}.path-creation-step2 .path-icon-grid-wrap{flex:1;align-items:center;min-width:0;display:flex}.path-creation-step2 .path-icon-row .icon-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(6,1fr);gap:.6rem;width:100%;display:grid}.path-creation-step2 .path-icon-row .icon-grid .icon-option{border-radius:.5rem;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.7rem;display:flex}.color-picker-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;width:100%;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.color-options{flex-wrap:wrap;gap:.5rem;display:flex}.color-option{cursor:pointer;border:none;border-radius:.5rem;width:2rem;height:2rem;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #fff}.icon-picker-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;width:100%;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.icon-picker-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;width:100%;margin-top:1rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.icon-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.icon-option{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.icon-option:hover{background-color:#f9fafb}.icon-option.selected{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.icon-option:not(.selected){color:#9ca3af}.icon-hint{color:#9ca3af;text-align:center;margin-top:.75rem;font-size:.625rem}.icon-preview-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.icon-preview-display{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;overflow:hidden}.icon-preview-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.icon-preview-lucide{color:#374151}.icon-preview-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.75rem;text-decoration:underline}.icon-preview-remove:hover{color:#b91c1c}.custom-icon-upload{border-top:1px solid #f3f4f6;margin-top:1rem;padding-top:1rem}.custom-icon-label{color:#374151;text-align:right;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.custom-icon-dropzone{cursor:pointer;border:2px dashed #e5e7eb;border-radius:.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem;transition:background-color .2s;display:flex}.custom-icon-dropzone:hover{background-color:#f9fafb}.custom-icon-text{color:#4b5563;font-size:.75rem}.custom-icon-hint{color:#9ca3af;font-size:.625rem}.path-creation-step2 .custom-icon-upload .flex{align-items:center;gap:.75rem;display:flex}.path-creation-step2 .custom-icon-upload .hidden-input{display:none}.path-creation-step2 .footer.footer-step2{z-index:20;background-color:#fafafa;justify-content:space-between;align-items:center;width:auto;padding:.875rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:80px}.path-creation-step2 .footer-step2 .footer-step2-right{align-items:center;display:flex}.path-creation-step2 .footer-step2 .footer-btn-prev{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.path-creation-step2 .footer-step2 .footer-btn-prev:hover{background-color:#f3f4f6;border-color:#e5e7eb}.path-creation-step2 .footer-step2 .footer-step2-left{align-items:center;gap:1rem;display:flex}.path-creation-step2 .footer-step2 .footer-progress-text{color:#9ca3af;margin:0;font-size:.8125rem}.path-creation-step2 .footer-step2 .footer-btn-next{color:#4b5563;cursor:pointer;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.path-creation-step2 .footer-step2 .footer-btn-next.enabled{color:#fff;cursor:pointer;background-color:#4972e5;border-color:#4972e5}.path-creation-step2 .footer-step2 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}.path-creation-step2 .footer-step2 .footer-btn-next.disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.admin-layout-main.sidebar-open .path-creation-step2 .footer.footer-step2{right:280px!important}.admin-layout-main.sidebar-closed .path-creation-step2 .footer.footer-step2{right:80px!important}@media (max-width:1024px){.path-creation-step2 .footer.footer-step2{right:0!important}}.hidden-input{display:none}@media (max-width:640px){.upload-icon-container{width:3rem;height:3rem;margin-bottom:.5rem}.upload-text{margin-bottom:.125rem;font-size:.625rem}.upload-hint{margin-bottom:.5rem;font-size:.5625rem}.upload-button{padding:.25rem .75rem;font-size:.625rem}.thumbnail-note{margin-top:.5rem;font-size:.5625rem}.note-dot{width:.1875rem;height:.1875rem}}.courses-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;width:100%;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.btn-add-course-step{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-add-course-step:hover{background:#1d4ed8;transform:translateY(-1px)}@keyframes add-course-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes add-course-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes add-course-content-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes add-course-content-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.course-selector-modal-step.add-course-modal-overlay{animation:.22s ease-out add-course-overlay-in}.course-selector-modal-step.add-course-modal-overlay.add-course-modal-closing{animation:.2s ease-in forwards add-course-overlay-out}.course-selector-modal-step{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.course-selector-modal-step.add-course-modal-overlay .course-selector-content-step{animation:.25s ease-out add-course-content-in}.course-selector-modal-step.add-course-modal-overlay.add-course-modal-closing .course-selector-content-step{animation:.2s ease-in forwards add-course-content-out}.course-selector-content-step{background:#fff;border:1px solid #00000014;border-radius:1rem;flex-direction:column;width:100%;max-width:600px;max-height:85vh;display:flex;box-shadow:0 20px 40px #2563eb2e}.course-selector-header-step{background:#fff;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.course-selector-header-step h4{color:#0f172a;margin:0;font-size:1rem;font-weight:500}.btn-close-step{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:all .2s}.btn-close-step:hover{color:#0f172a;background:#9ca3af1a}.course-selector-content-step.add-course-modal-layout{flex-direction:column;max-width:720px;display:flex}.add-course-modal-title-wrap{text-align:right}.add-course-modal-title{color:#1f2937;margin:0 0 .25rem;font-size:1rem;font-weight:500}.add-course-modal-subtitle{color:#6b7280;margin:0;font-size:.8125rem;font-weight:400}.course-add-form-step.add-course-form-row{flex-direction:row;flex:1;gap:1.5rem;min-height:0;padding:1.5rem;display:flex;overflow:hidden}.add-course-form-fields{flex-direction:column;flex:1;gap:1.25rem;min-width:0;display:flex;overflow-y:auto}.add-course-live-preview{flex-direction:column;flex-shrink:0;gap:.75rem;width:220px;display:flex}.add-course-preview-title{color:#1f2937;background-color:#f9fafb;border-radius:.5rem;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.add-course-preview-eye-icon{-o-object-fit:contain;object-fit:contain;width:18px;height:18px}.add-course-preview-card{text-align:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:160px;padding:1.5rem;display:flex}.add-course-preview-placeholder-icon{-o-object-fit:contain;object-fit:contain;width:48px;height:48px}.add-course-preview-placeholder-text{color:#9ca3af;margin:0;font-size:.8125rem}.add-course-preview-course-icon{color:#4f46e5;background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.add-course-preview-course-title{color:#1f2937;margin:0;font-size:.8125rem;font-weight:500}.add-course-preview-course-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.6875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.add-course-select-wrapper{align-items:center;display:flex;position:relative}.add-course-select-wrapper .add-course-chevron-step{color:#9ca3af;pointer-events:none;position:absolute;left:.75rem}.form-select-step.add-course-select{appearance:none;cursor:pointer;background-image:none;width:100%;padding-left:2.5rem;padding-right:1rem}.add-course-select-wrapper .form-select-step.add-course-select{background-image:none}.add-course-level-cards{flex-wrap:wrap;gap:.75rem;display:flex}.add-course-level-card-icon{-o-object-fit:contain;object-fit:contain;width:22px;height:22px}.add-course-level-card{cursor:pointer;border-radius:.5rem;flex-direction:column;flex:1;align-items:center;gap:.5rem;min-width:80px;padding:.75rem .5rem;font-size:.8125rem;font-weight:400;transition:all .2s;display:flex;color:#111827!important;background:0 0!important;border:2px solid #e5e7eb!important}.add-course-level-card.level-beginner,.add-course-level-card.level-intermediate,.add-course-level-card.level-advanced{color:#111827!important}.add-course-level-card:hover{color:#111827!important;background:0 0!important;border:2px solid #e5e7eb!important}.add-course-level-card.level-beginner:hover,.add-course-level-card.level-intermediate:hover,.add-course-level-card.level-advanced:hover{color:#111827!important}.add-course-level-card.level-beginner.selected{color:#111827!important;background:0 0!important;border:2px solid #22c55e!important}.add-course-level-card.level-intermediate.selected{color:#111827!important;background:0 0!important;border:2px solid #3b82f6!important}.add-course-level-card.level-advanced.selected{color:#111827!important;background:0 0!important;border:2px solid #eab308!important}.add-course-level-hint{color:#6b7280;align-items:center;gap:.375rem;margin:.5rem 0 0;font-size:.6875rem;display:flex}.add-course-level-hint svg{color:#6b7280;flex-shrink:0}.add-course-order-row{direction:rtl;flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.add-course-order-row .add-course-order-input{flex-shrink:0;max-width:80px;margin-bottom:0}.add-course-order-text-wrap{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.add-course-order-text-wrap .add-course-order-info,.add-course-order-text-wrap .add-course-order-hint{margin:0}.add-course-order-input{max-width:80px;margin-bottom:.25rem}.add-course-order-info{color:#2563eb;align-items:center;gap:.25rem;margin:.25rem 0 0;font-size:.75rem;display:flex}.add-course-order-count{font-weight:400}.add-course-order-arrows{color:#2563eb}.add-course-order-hint{color:#9ca3af;margin:.25rem 0 0;font-size:.6875rem}.add-course-level-desc-wrap{margin-top:.25rem}.course-selector-content-step.add-course-modal-layout .form-select-step,.course-selector-content-step.add-course-modal-layout .form-input-step{font-size:.8125rem;font-weight:400}.course-selector-content-step.add-course-modal-layout .form-actions-step .btn-cancel-add-course-step,.course-selector-content-step.add-course-modal-layout .form-actions-step .btn-confirm-add-course-step{font-size:.8125rem;font-weight:500}.form-actions-step .btn-submit-form-step:disabled{cursor:not-allowed;box-shadow:none;background:#6b7280;transform:none}.course-add-form-step{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.form-field-group-step{flex-direction:column;gap:.75rem;display:flex}.form-label-step{color:#374151;font-size:.8125rem;font-weight:500}.form-label-step.required:after{content:" *";color:#ef4444;margin-right:.25rem;font-weight:500}.form-hint-step{color:#6b7280;background:#2563eb0d;border:1px solid #2563eb1a;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-size:.75rem;line-height:1.5}.form-select-step,.form-input-step{color:#0f172a;background:#fff;border:1px solid #00000014;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.form-select-step:focus,.form-input-step:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-select-step{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.form-input-step.input-disabled{color:#9ca3af;cursor:not-allowed;opacity:.7;background:#f3f4f6;border-color:#e5e7eb}.course-search-wrapper-step{position:relative}.course-search-input-step{color:#0f172a;background:#fff;border:1px solid #00000014;border-radius:.5rem;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.875rem;transition:all .2s}.course-search-input-step:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-icon-step{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.course-search-input-step:focus+.search-icon-step{color:#3b82f6}.course-search-results-step{z-index:20;background:#fff;border:1px solid #00000014;border-radius:.5rem;max-height:200px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.course-search-result-item-step{cursor:pointer;border-bottom:1px solid #00000005;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.course-search-result-item-step:hover{background:#3b82f60d;border-left:3px solid #3b82f6}.course-search-result-item-step:last-child{border-bottom:none}.course-search-result-icon-step{color:#fff;background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.course-search-result-details-step{flex-direction:column;flex:1;gap:.25rem;display:flex}.course-search-result-title-step{color:#0f172a;font-size:.875rem;font-weight:600;line-height:1.3}.course-search-result-desc-step{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.no-search-results-step{text-align:center;color:#6b7280;background:#f3f4f680;border:1px dashed #9ca3af4d;border-radius:.5rem;padding:1.5rem;font-size:.875rem}.no-search-results-step svg{color:#9ca3af;width:32px;height:32px;margin-bottom:.75rem}.form-actions-step{z-index:10;direction:rtl;background:#fff;border-top:1px solid #00000014;flex-direction:row;gap:.75rem;margin-top:.5rem;padding-top:1.5rem;display:flex;position:sticky;bottom:0}.btn-cancel-form-step{color:#475569;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:.5rem;flex:0 auto;justify-content:center;align-items:center;gap:.5rem;min-width:5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-cancel-form-step:hover{color:#0f172a;background:#f1f5f9;border-color:#0000001a}.btn-submit-form-step.btn-add-course-to-modal{flex:1;min-width:12rem}.btn-submit-form-step{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-submit-form-step:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-submit-form-step:active{transform:translateY(0)scale(.98)}.btn-submit-form-step:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.loading-courses-step{color:#6b7280;justify-content:center;align-items:center;padding:3rem;font-size:.875rem;display:flex}.loading-courses-step:before{content:"";border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;margin-left:.75rem;animation:1s linear infinite spin}.no-courses-step{text-align:center;color:#6b7280;padding:3rem;font-size:.875rem}@media (max-width:640px){.course-selector-modal-step{padding:.5rem}.course-selector-content-step{border-radius:.75rem;max-height:90vh}.course-selector-content-step.add-course-modal-layout{max-width:100%}.course-add-form-step.add-course-form-row{flex-direction:column}.add-course-live-preview{order:-1;width:100%}.course-selector-header-step{padding:1rem}.course-selector-header-step h4{font-size:1.125rem}.course-add-form-step,.form-actions-step{padding:1rem}.btn-cancel-form-step,.btn-submit-form-step{padding:.625rem .875rem;font-size:.8125rem}}html.dark .course-selector-content-step{background:#1e293b;border-color:#ffffff1a;box-shadow:0 20px 40px #00000059}html.dark .course-selector-header-step{background:#263548;border-bottom-color:#ffffff1a}html.dark .course-selector-header-step h4,html.dark .add-course-modal-title{color:#f1f5f9}html.dark .add-course-modal-subtitle{color:#94a3b8}html.dark .add-course-preview-title{color:#e2e8f0}html.dark .add-course-preview-card{background:#334155;border-color:#ffffff1a}html.dark .add-course-preview-placeholder-text{color:#94a3b8}html.dark .add-course-preview-course-icon{color:#818cf8;background:#818cf833}html.dark .add-course-preview-course-title{color:#f1f5f9}html.dark .add-course-preview-course-desc{color:#94a3b8}html.dark .add-course-level-card{color:#111827;background:0 0!important;border:2px solid #e5e7eb!important}html.dark .add-course-level-card:hover{background:0 0!important;border:2px solid #e5e7eb!important}html.dark .add-course-level-card.level-beginner.selected{color:#111827;background:0 0!important;border:2px solid #22c55e!important}html.dark .add-course-level-card.level-intermediate.selected{color:#111827;background:0 0!important;border:2px solid #3b82f6!important}html.dark .add-course-level-card.level-advanced.selected{color:#111827;background:0 0!important;border:2px solid #eab308!important}html.dark .add-course-level-hint{color:#94a3b8}html.dark .add-course-order-info,html.dark .add-course-order-arrows{color:#60a5fa}html.dark .add-course-order-hint,html.dark .btn-close-step{color:#94a3b8}html.dark .btn-close-step:hover{color:#f1f5f9;background:#ffffff0d}html.dark .form-label-step{color:#e2e8f0}html.dark .form-hint-step{color:#94a3b8;background:#60a5fa1a;border-color:#60a5fa33}html.dark .form-select-step,html.dark .form-input-step{color:#f1f5f9;background:#0f172a;border-color:#ffffff1a}html.dark .form-select-step:focus,html.dark .form-input-step:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html.dark .form-input-step.input-disabled{color:#94a3b8;background:#334155;border-color:#475569}html.dark .course-search-input-step{color:#f1f5f9;background:#0f172a;border-color:#ffffff1a}html.dark .course-search-input-step:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}html.dark .search-icon-step{color:#94a3b8}html.dark .course-search-input-step:focus+.search-icon-step{color:#60a5fa}html.dark .course-search-results-step{background:#0f172a;border-color:#ffffff1a;box-shadow:0 10px 25px #0000004d}html.dark .course-search-result-item-step:hover{background:#60a5fa1a;border-left-color:#60a5fa}html.dark .course-search-result-title-step{color:#f1f5f9}html.dark .course-search-result-desc-step{color:#94a3b8}html.dark .no-search-results-step{color:#94a3b8;background:#33415580;border-color:#94a3b84d}html.dark .form-actions-step{background:#263548;border-top-color:#ffffff1a}html.dark .btn-cancel-form-step{color:#94a3b8;background:#0f172a;border-color:#ffffff1a}html.dark .btn-cancel-form-step:hover{color:#e2e8f0;background:#1e293b;border-color:#fff3}html.dark .btn-submit-form-step{background:#60a5fa}html.dark .btn-submit-form-step:hover{background:#3b82f6}html.dark .loading-courses-step,html.dark .no-courses-step{color:#94a3b8}@media (max-width:640px){.course-item-fields-step{grid-template-columns:1fr}.course-item-field-step.full-width-step{grid-column:span 1}.course-selector-modal-step{padding:1rem}.course-selector-content-step{max-height:90vh}}.added-courses-section{width:100%;max-width:100%;margin:2.5rem auto 1rem;padding:0 1rem}.path-creation-step2 .added-courses-section{width:100%;max-width:100%}.added-courses-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.btn-add-course-to-path{color:#4b5563;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem 1.5rem;font-size:.9375rem;font-weight:400;transition:border-color .2s,background .2s,color .2s;display:flex}.btn-add-course-to-path:hover{color:#1f2937;background:#f9fafb;border-color:#9ca3af}.btn-add-course-to-path-icon{opacity:.9;flex-shrink:0}.step2-path-content-card.step3-path-content-card,.path-creation-step2 .step3-path-content-card{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;width:100%;margin-bottom:1rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}.path-creation-step2 .step3-path-content-title{color:#1e293b;text-align:right;margin:0 0 .375rem;font-size:.9375rem;font-weight:500}.path-creation-step2 .step3-path-content-subtitle{color:#64748b;text-align:right;margin:0 0 .75rem;font-size:.8125rem;font-weight:400;line-height:1.4}.path-creation-step2 .step3-path-content-sections{flex-direction:column;gap:.75rem;display:flex}.path-creation-step2 .step3-path-content-level{text-align:right}.path-creation-step2 .step3-path-content-level-title{color:#1e293b;margin:0 0 .5rem;font-size:.8125rem;font-weight:500}.path-creation-step2 .step3-path-content-cards{flex-direction:column;gap:.375rem;display:flex}.path-creation-step2 .step3-path-content-item{text-align:right;direction:rtl;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 1px 2px #0000000d}.path-creation-step2 .step3-path-content-item-num{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:flex}.path-creation-step2 .step3-path-content-item-body{flex:1;min-width:0}.path-creation-step2 .step3-path-content-item-title{color:#1e293b;margin:0 0 .25rem;font-size:.8125rem;font-weight:500;line-height:1.35}.path-creation-step2 .step3-path-content-item-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:1.25rem;font-size:.6875rem;display:flex;overflow:visible}.path-creation-step2 .step3-path-content-item-meta span{align-items:center;gap:.2rem;display:inline-flex;overflow:visible}.path-creation-step2 .step3-path-content-meta-icon,.edit-path-page .step3-path-content-meta-icon{-o-object-fit:contain;object-fit:contain;vertical-align:middle;flex-shrink:0;width:16px;min-width:16px;height:14px;min-height:14px;display:block}.path-creation-step2 .step3-path-content-meta-level.step3-meta-beginner{color:#059669}.path-creation-step2 .step3-path-content-meta-level.step3-meta-intermediate{color:#d97706}.path-creation-step2 .step3-path-content-meta-level.step3-meta-advanced{color:#dc2626}.path-creation-step2 .step3-path-content-item-grip{color:#94a3b8;cursor:grab;background:#f1f5f9cc;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:background .15s,color .15s;display:flex}.path-creation-step2 .step3-path-content-item-grip:hover{color:#64748b;background:#0000000a}.path-creation-step2 .step3-path-content-item-grip:active{cursor:grabbing}.path-creation-step2 .step3-path-content-item-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.path-creation-step2 .step2-path-content-item-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:color .2s,background .2s;display:flex}.path-creation-step2 .step2-path-content-item-remove:hover{color:#ef4444;background:#ef444414}.path-creation-step2 .step3-path-content-meta-edit{align-items:center;gap:.2rem;display:inline-flex}.path-creation-step2 .step2-path-meta-select,.path-creation-step2 .step2-path-meta-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;min-width:4rem;padding:.15rem .35rem;font-size:.6875rem}.path-creation-step2 .step2-path-meta-input{text-align:center;width:2.25rem;min-width:2.25rem}.path-creation-step2 .step2-path-meta-label{color:#64748b;font-size:.625rem}.path-creation-step2 .step3-path-content-dropzone-empty{cursor:default;background:#f1f5f999;border:2px dashed #cbd5e1;justify-content:center;min-height:3.5rem}.path-creation-step2 .step3-path-content-dropzone-empty:hover{background:#e2e8f0cc;border-color:#94a3b8}.step3-dropzone-empty-label{color:#64748b;font-size:.8125rem}.path-creation-step2 .step3-path-content-empty{text-align:center;padding:1.5rem 1rem}.path-creation-step2 .step3-path-content-empty-icon{color:#d1d5db;margin-bottom:.5rem}html.dark .path-creation-step2 .step3-path-content-card,html.dark .edit-path-page .step3-path-content-card{background:var(--bg-white)!important;border-color:var(--border-color)!important}html.dark .path-creation-step2 .step3-path-content-title,html.dark .path-creation-step2 .step3-path-content-level-title,html.dark .path-creation-step2 .step3-path-content-item-title,html.dark .edit-path-page .step3-path-content-title,html.dark .edit-path-page .step3-path-content-level-title,html.dark .edit-path-page .step3-path-content-item-title{color:var(--text-light)!important}html.dark .path-creation-step2 .step3-path-content-subtitle,html.dark .edit-path-page .step3-path-content-subtitle{color:var(--text-muted)!important}html.dark .path-creation-step2 .step3-path-content-item,html.dark .edit-path-page .step3-path-content-item{background:var(--bg-light)!important;border-color:var(--border-color)!important}html.dark .path-creation-step2 .step3-path-content-item-num,html.dark .edit-path-page .step3-path-content-item-num{background:var(--primary-green)!important;color:#fff!important}html.dark .path-creation-step2 .step3-path-content-item-meta,html.dark .path-creation-step2 .step3-path-content-meta-duration,html.dark .path-creation-step2 .step3-path-content-meta-lessons,html.dark .edit-path-page .step3-path-content-item-meta,html.dark .edit-path-page .step3-path-content-meta-duration,html.dark .edit-path-page .step3-path-content-meta-lessons{color:var(--text-muted)!important}html.dark .path-creation-step2 .step3-path-content-meta-level.step3-meta-beginner,html.dark .edit-path-page .step3-path-content-meta-level.step3-meta-beginner{color:var(--status-success)!important}html.dark .path-creation-step2 .step3-path-content-meta-level.step3-meta-intermediate,html.dark .edit-path-page .step3-path-content-meta-level.step3-meta-intermediate{color:var(--primary-green)!important}html.dark .path-creation-step2 .step3-path-content-meta-level.step3-meta-advanced,html.dark .edit-path-page .step3-path-content-meta-level.step3-meta-advanced,html.dark .path-creation-step2 .step3-path-content-item-grip,html.dark .edit-path-page .step3-path-content-item-grip{color:var(--text-muted)!important}html.dark .path-creation-step2 .step3-path-content-dropzone-empty,html.dark .edit-path-page .step3-path-content-dropzone-empty{border-color:var(--border-color)!important;background:#ffffff0a!important}html.dark .path-creation-step2 .step3-path-content-dropzone-empty:hover,html.dark .edit-path-page .step3-path-content-dropzone-empty:hover{border-color:var(--text-muted)!important;background:#ffffff14!important}html.dark .path-creation-step2 .step3-path-content-empty p,html.dark .path-creation-step2 .step3-path-content-empty .text-gray-400,html.dark .path-creation-step2 .step3-path-content-empty .text-gray-300,html.dark .edit-path-page .step3-path-content-empty p,html.dark .edit-path-page .step3-path-content-empty .text-gray-400,html.dark .edit-path-page .step3-path-content-empty .text-gray-300,html.dark .path-creation-step2 .step3-path-content-empty-icon,html.dark .edit-path-page .step3-path-content-empty-icon,html.dark .path-creation-step2 .step2-path-content-item-remove,html.dark .edit-path-page .step2-path-content-item-remove{color:var(--text-muted)!important}html.dark .path-creation-step2 .step2-path-content-item-remove:hover,html.dark .edit-path-page .step2-path-content-item-remove:hover{color:#f87171!important;background:#f8717126!important}html.dark .path-creation-step2 .step2-path-meta-label,html.dark .edit-path-page .step2-path-meta-label,html.dark .path-creation-step2 .step3-dropzone-empty-label,html.dark .edit-path-page .step3-dropzone-empty-label{color:var(--text-muted)!important}html.dark .path-creation-step2 .step2-path-meta-select,html.dark .path-creation-step2 .step2-path-meta-input{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}.courses-count{color:#fff;background-color:#2563eb;border-radius:1rem;align-items:center;gap:.25rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.added-courses-container{flex-direction:column;gap:1rem;display:flex}.course-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.course-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.course-card-header{background-color:#f9fafb;border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.course-card-order{color:#fff;background-color:#2563eb;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;font-weight:700;display:flex}.order-number{font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}.course-card-info{flex:1}.course-card-title{color:#1f2937;margin:0 0 .375rem;font-size:1rem;font-weight:700}.course-card-description{color:#6b7280;margin:0;font-size:.8125rem;line-height:1.4}.course-card-remove{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.course-card-remove:hover{background-color:#fee2e2;border-color:#fca5a5}.course-card-details{padding:1.25rem}.course-card-fields-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:640px){.course-card-fields-grid{grid-template-columns:1fr}}.course-card-field{flex-direction:column;gap:.375rem;display:flex}.course-card-field.full-width{grid-column:span 2}@media (max-width:640px){.course-card-field.full-width{grid-column:span 1}}.course-card-label{color:#4b5563;font-size:.75rem;font-weight:600}.course-card-select,.course-card-input{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;font-size:.8125rem;transition:all .2s}.course-card-select:focus,.course-card-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.course-card-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:.5rem 50%;background-repeat:no-repeat;background-size:1em 1em;padding-right:2rem}.no-courses-container{text-align:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.no-courses-container svg{color:#9ca3af;margin-bottom:1rem}.no-courses-text{color:#4b5563;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.no-courses-hint{color:#6b7280;max-width:300px;margin:0;font-size:.8125rem}@media (max-width:768px){.course-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.course-card-remove{align-self:flex-end}}html.dark .path-creation-step2{background-color:#0000}html.dark .stepper-line{background-color:var(--border-color)}html.dark .step-circle.active,html.dark .step-circle.completed{background-color:var(--primary-green);box-shadow:0 0 0 .25rem var(--status-success-bg)}html.dark .path-creation-step2 .step-circle.completed:before,html.dark .path-creation-step2 .step-circle.completed:after,html.dark .path-creation-step2 .step-title.completed:before,html.dark .path-creation-step2 .step-title.completed:after{display:none!important}html.dark .path-creation-step2 .step-circle.completed .step-number{visibility:visible!important;display:flex!important}html.dark .path-creation-step2 .step-title.completed{background-image:none!important}html.dark .step-circle.inactive{background-color:var(--bg-light);color:var(--text-muted)}html.dark .step-title,html.dark .step-title.completed{color:var(--text-light)}html.dark .step-title.inactive,html.dark .step-subtitle,html.dark .step-subtitle.inactive{color:var(--text-muted)}html.dark .error-message{background-color:var(--status-error-bg);border-color:var(--border-color);color:var(--status-error)}html.dark .success-message{background-color:var(--status-success-bg);border-color:var(--border-color);color:var(--status-success)}html.dark .thumbnail-upload{background-color:var(--bg-light);border-color:var(--border-color)}html.dark .thumbnail-upload.has-image{background-color:var(--bg-light)}html.dark .upload-text{color:var(--text-light)}html.dark .upload-hint,html.dark .thumbnail-note,html.dark .note-dot{color:var(--text-muted)}html.dark .upload-icon-container{background-color:var(--bg-light)}html.dark .upload-icon{color:var(--text-muted)}html.dark .upload-button{background-color:var(--primary-green);color:#fff}html.dark .upload-button:hover{background-color:var(--primary-green-dark)}html.dark .remove-image-button{color:var(--status-error)}html.dark .optional-label{color:var(--text-muted)}html.dark .form-card,html.dark .card,html.dark .course-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .form-label,html.dark label{color:var(--text-light)}html.dark input,html.dark textarea,html.dark select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .course-card-header{border-bottom-color:var(--border-color)}html.dark .course-card-title{color:var(--text-light)}html.dark .color-picker-card,html.dark .icon-picker-card,html.dark .path-preview-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .path-creation-step2 .icon-option{border-color:var(--border-color);background:var(--bg-white);color:var(--text-muted)}html.dark .path-creation-step2 .icon-option:hover{background-color:var(--bg-light)}html.dark .path-creation-step2 .icon-option.selected{background-color:var(--status-info-bg);border-color:var(--primary-green);color:var(--primary-green)}html.dark .path-creation-step2 .icon-hint{color:var(--text-muted)}html.dark .path-creation-step2 .custom-icon-label{color:var(--text-light)}html.dark .path-creation-step2 .custom-icon-dropzone{border-color:var(--border-color)}html.dark .path-creation-step2 .custom-icon-dropzone:hover{background-color:var(--bg-light)}html.dark .path-creation-step2 .custom-icon-text{color:var(--text-light)}html.dark .path-creation-step2 .custom-icon-hint{color:var(--text-muted)}html.dark .path-creation-step2 .icon-preview-box{background:var(--bg-light);border-color:var(--border-color)}html.dark .path-creation-step2 .icon-preview-display{background:var(--bg-white);border-color:var(--border-color)}html.dark .path-creation-step2 .icon-preview-lucide{color:var(--text-light)}html.dark .path-creation-step2 .icon-preview-remove{color:var(--status-error)}html.dark .path-creation-step2 .path-icon-upload-dropzone{border-color:var(--border-color);background:var(--bg-light)}html.dark .path-creation-step2 .path-icon-upload-dropzone:hover{border-color:var(--primary-green);background:var(--status-success-bg)}html.dark .path-creation-step2 .path-upload-plus-icon{color:var(--text-muted)}html.dark .path-creation-step2 .path-icon-upload-dropzone:hover .path-upload-plus-icon{color:var(--primary-green)}html.dark .path-creation-step2 .path-upload-label{color:var(--text-muted)}html.dark .color-option.selected{box-shadow:0 0 0 2px var(--primary-green),0 0 0 4px var(--bg-white)}html.dark .icon-option{border-color:var(--border-color);background:var(--bg-white);color:var(--text-muted)}html.dark .icon-option:hover{background-color:var(--bg-light)}html.dark .icon-option.selected{background-color:var(--status-info-bg);border-color:var(--primary-green);color:var(--primary-green)}html.dark .path-creation-step2 .custom-icon-upload{border-top-color:var(--border-color)}html.dark .custom-icon-hint{color:var(--text-muted)}html.dark .remove-icon-button{color:var(--status-error)}html.dark .remove-icon-button:hover{background-color:var(--status-error-bg)}html.dark .courses-card{background:var(--bg-white);border-color:var(--border-color)}html.dark .btn-add-course-step{background:var(--primary-green);color:#fff}html.dark .btn-add-course-step:hover{background:var(--primary-green-dark)}html.dark .btn-add-course-to-path{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .btn-add-course-to-path:hover{background:var(--bg-light);border-color:var(--text-muted);color:var(--text-light)}html.dark .no-courses-container{background-color:var(--bg-light);border-color:var(--border-color);border-style:dashed}html.dark .no-courses-container svg{color:var(--text-muted)}html.dark .no-courses-text{color:var(--text-light)}html.dark .no-courses-hint{color:var(--text-muted)}html.dark .course-selector-content-step{background:var(--bg-white)}html.dark .course-selector-header-step{border-bottom-color:var(--border-color)}html.dark .course-selector-header-step h4{color:var(--text-light)}html.dark .btn-close-step{color:var(--text-muted)}html.dark .btn-close-step:hover{background:var(--bg-light);color:var(--text-light)}html.dark .loading-courses-step,html.dark .no-courses-step{color:var(--text-muted)}html.dark .course-selector-item-step{background:var(--bg-light);border-color:var(--border-color)}html.dark .course-selector-item-step:hover:not(.added){background:var(--status-info-bg);border-color:var(--primary-green)}html.dark .course-selector-item-step.added{background:var(--status-success-bg);border-color:var(--status-success)}html.dark .course-selector-item-title-step{color:var(--text-light)}html.dark .course-selector-item-desc-step{color:var(--text-muted)}html.dark .course-added-badge-step{color:var(--status-success)}html.dark .course-checkbox{border-color:var(--status-success);background-color:var(--bg-white)}html.dark .course-checkbox.checked{background-color:var(--status-success);border-color:var(--status-success)}html.dark .course-item-with-checkbox{background:var(--bg-light);border-color:var(--border-color)}html.dark .course-item-with-checkbox.selected{background:var(--status-success-bg);border-color:var(--status-success)}html.dark .course-item-title-with-checkbox{color:var(--text-light)}html.dark .course-item-desc-with-checkbox{color:var(--text-muted)}html.dark .course-icon-step{color:var(--primary-green)}html.dark .course-item-step{background:var(--bg-light);border-color:var(--border-color)}html.dark .course-item-number-step{background:var(--primary-green);color:#fff}html.dark .course-item-title-step{color:var(--text-light)}html.dark .course-item-label-step{color:var(--text-muted)}html.dark .course-item-select-step,html.dark .course-item-input-step{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .btn-remove-course-step{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}html.dark .btn-remove-course-step:hover{border-color:var(--status-error)}html.dark .no-courses-message-step{background:var(--bg-light);border-color:var(--border-color);color:var(--text-muted)}html.dark .no-courses-message-step svg{color:var(--text-muted)}html.dark .selected-course-info-step{background:var(--bg-light);border-color:var(--border-color)}html.dark .selected-course-title-step{color:var(--text-light)}html.dark .selected-course-desc-step{color:var(--text-muted)}html.dark .course-config-label-step{color:var(--text-light)}html.dark .course-config-select-step,html.dark .course-config-input-step{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .course-config-actions-step{border-top-color:var(--border-color)}html.dark .btn-cancel-add-course-step{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .btn-cancel-add-course-step:hover{background:var(--bg-light);border-color:var(--border-color)}html.dark .btn-confirm-add-course-step{background:var(--primary-green);color:#fff}html.dark .btn-confirm-add-course-step:hover{background:var(--primary-green-dark)}html.dark .courses-section-step{background:var(--bg-light);border-color:var(--border-color)}html.dark .courses-section-step.added-section{background:var(--status-success-bg);border-color:var(--status-success)}html.dark .courses-section-header-step{border-bottom-color:var(--border-color)}html.dark .courses-section-header-step h5{color:var(--text-light)}html.dark .courses-section-count-step{background:var(--bg-white);border-color:var(--border-color);color:var(--text-muted)}html.dark .btn-add-quick-step{background:var(--primary-green);color:#fff}html.dark .btn-add-quick-step:hover{background:var(--primary-green-dark)}html.dark .course-item-config-step{background:var(--bg-white);border-color:var(--border-color)}html.dark .course-config-header-step{border-bottom-color:var(--border-color)}html.dark .btn-remove-quick-step{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}html.dark .btn-remove-quick-step:hover{background:var(--status-error-bg);border-color:var(--status-error)}html.dark .course-config-inline-label-step{color:var(--text-muted)}html.dark .course-config-inline-select-step,html.dark .course-config-inline-input-step{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .path-creation-step2 .footer.footer-step2{background:var(--bg-white);border-color:var(--border-color)}html.dark .path-creation-step2 .footer-step2 .footer-btn-prev{background:var(--bg-white);color:var(--text-light);border-color:var(--border-color)}html.dark .path-creation-step2 .footer-step2 .footer-btn-prev:hover{background:var(--bg-light)}html.dark .path-creation-step2 .footer-step2 .footer-btn-next.enabled{color:#fff;background-color:#4972e5;border-color:#4972e5}html.dark .path-creation-step2 .footer-step2 .footer-btn-next.enabled:hover{background-color:#3d61c9;border-color:#3d61c9}html.dark .path-creation-step2 .footer-step2 .footer-btn-next.disabled{background:var(--bg-light);color:var(--text-muted);border-color:var(--border-color)}html.dark .path-creation-step2 .footer-step2 .footer-progress-text{color:var(--text-muted)}@media (max-width:768px){.path-creation-step2{padding-bottom:5rem}.path-creation-step2 .stepper-card{margin-bottom:.5rem;padding:1rem}.path-creation-step2 .stepper-card .stepper-container{padding:0 .5rem}.path-creation-step2 .stepper-wrapper{margin-bottom:1rem}.path-creation-step2 .step-circle{width:1.75rem;height:1.75rem}.path-creation-step2 .step-title{font-size:.6875rem}.path-creation-step2 .step-subtitle{font-size:.5625rem}.path-creation-step2 .step-labels{width:6rem}.path-creation-step2 .main-content{margin-top:.75rem;padding-bottom:6rem}.path-creation-step2 .form-content-grid{gap:1rem;padding:0 .5rem}.path-creation-step2 .right-column{gap:1rem;margin-top:.25rem}.path-creation-step2 .color-picker-card,.path-creation-step2 .icon-picker-card,.path-creation-step2 .path-preview-card{padding:.875rem 1rem}.path-creation-step2 .path-color-card-label,.path-creation-step2 .icon-picker-card .form-label,.path-creation-step2 .path-preview-card .form-label{font-size:.8125rem}.path-creation-step2 .color-options{grid-template-rows:1fr;grid-template-columns:repeat(6,1fr);gap:.35rem;width:100%}.path-creation-step2 .color-option{aspect-ratio:1;border-radius:12px;width:100%;max-width:3rem;max-height:3rem}.path-creation-step2 .path-preview-inner{max-height:7rem}.path-creation-step2 .path-preview-icon{width:8rem;min-width:8rem;height:8rem;min-height:8rem}.path-creation-step2 .path-preview-icon-img{width:10rem;height:10rem}.path-creation-step2 .path-icon-row{flex-direction:column;align-items:stretch;gap:.75rem}.path-creation-step2 .path-icon-row .icon-grid{grid-template-columns:repeat(6,1fr);gap:.5rem}.path-creation-step2 .path-icon-row .icon-grid .icon-option{min-width:2.25rem;min-height:2.25rem;padding:.5rem}.path-creation-step2 .path-custom-icon-upload-inline{width:100%;min-width:0}.path-creation-step2 .path-icon-upload-dropzone{aspect-ratio:auto;min-height:4rem}.path-creation-step2 .footer.footer-step2{width:100%;padding:.75rem max(1rem,env(safe-area-inset-left)).75rem max(1rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:.5rem;min-height:60px;display:flex;left:0!important;right:0!important}.path-creation-step2 .footer-step2 .footer-step2-right,.path-creation-step2 .footer-step2 .footer-step2-left{flex-shrink:0;gap:.5rem}.path-creation-step2 .footer-step2 .footer-btn-prev,.path-creation-step2 .footer-step2 .footer-btn-next{min-width:44px;min-height:44px;padding:.625rem 1rem;font-size:.875rem}.path-creation-step2 .footer-step2 .footer-progress-text{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.75rem;overflow:hidden}.path-creation-step2 .added-courses-section{margin-top:.5rem}.path-creation-step2 .step2-path-content-card.step3-path-content-card,.path-creation-step2 .step3-path-content-card{margin-bottom:.75rem;padding:.875rem 1rem}.path-creation-step2 .step3-path-content-title{font-size:.875rem}.path-creation-step2 .step3-path-content-subtitle{margin-bottom:.5rem;font-size:.75rem}.path-creation-step2 .step3-path-content-item{padding:.6rem .75rem}.path-creation-step2 .step3-path-content-item-title{font-size:.75rem}.path-creation-step2 .step3-path-content-item-meta{font-size:.625rem}.path-creation-step2 .btn-add-course-to-path{min-height:48px;padding:.75rem 1rem;font-size:.875rem}.path-creation-step2 .step3-path-content-empty{padding:1rem .75rem}.course-selector-modal-step .course-selector-content-step.add-course-modal-layout{max-width:100%;max-height:90vh;margin:.5rem}.course-selector-modal-step .course-selector-header-step{padding:1rem}.course-selector-modal-step .add-course-modal-title{font-size:.9375rem}.course-selector-modal-step .add-course-modal-subtitle{font-size:.75rem}.course-add-form-step.add-course-form-row{padding:1rem}.course-selector-modal-step .add-course-form-fields{padding:0}.course-selector-modal-step .form-field-group-step{margin-bottom:1rem}.course-selector-modal-step .form-label-step{font-size:.8125rem}.course-selector-modal-step .add-course-level-cards{flex-wrap:wrap;gap:.5rem}.course-selector-modal-step .add-course-level-card{flex:100%;max-width:100%;min-height:44px}.course-selector-modal-step .form-actions-step{flex-direction:column;gap:.5rem;padding-top:1rem}.course-selector-modal-step .btn-submit-form-step.btn-add-course-to-modal,.course-selector-modal-step .btn-cancel-form-step{width:100%;min-height:44px}}@media (max-width:360px){.path-creation-step2 .color-options{grid-template-rows:1fr;grid-template-columns:repeat(6,1fr);gap:.25rem}.path-creation-step2 .color-option{max-width:2.5rem;max-height:2.5rem}.path-creation-step2 .path-preview-inner{max-height:6rem}.path-creation-step2 .step-labels{width:5rem}.path-creation-step2 .step-title{font-size:.625rem}}.path-creation-step3{background-color:#f9fafb}.path-creation-step3 main{margin-top:1rem}.path-creation-step3 .stepper-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;margin-bottom:.5rem;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f}html.dark .path-creation-step3 .stepper-card{box-shadow:0 1px 3px #0003;background:#1e293b!important}.path-creation-step3 .step3-review-card{margin-bottom:.5rem;padding:1rem 1.25rem}.path-creation-step3 .step3-review-card .step3-card-header{text-align:right;direction:rtl;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.path-creation-step3 .step3-review-card .step3-card-header .step3-card-icon{border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.path-creation-step3 .step3-review-card.step3-card-basics .step3-card-header .step3-card-icon.step3-card-icon-basics{border-radius:.5rem;width:2.25rem;height:2.25rem}.path-creation-step3 .step3-card-icon.step3-card-icon-painter .step3-painter-icon{-o-object-fit:contain;object-fit:contain;width:1.25rem;height:1.25rem;display:block}.path-creation-step3 .step3-review-card .step3-card-header h3{margin:0;font-size:.9375rem;font-weight:500}.path-creation-step3 .step3-review-card .step3-card-body{text-align:right;direction:rtl}.path-creation-step3 .step3-review-card .step3-card-body .step3-field{margin-bottom:.875rem}.path-creation-step3 .step3-review-card .step3-card-body .step3-field:last-child{margin-bottom:0}.path-creation-step3 .step3-basics-mini-cards{grid-template-columns:1fr 1fr;align-items:start;gap:.75rem;margin-top:.5rem;display:grid}.path-creation-step3 .step3-basics-mini-cards>*{min-width:0}.path-creation-step3 .step3-basics-name-desc-card{text-align:right;direction:rtl;background:0 0;border:none;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:.75rem .875rem;display:flex}.path-creation-step3 .step3-basics-name-desc-card .step3-mini-block{flex-direction:column;gap:.25rem;display:flex}.path-creation-step3 .step3-basics-name-desc-card .step3-mini-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:10px;font-weight:400}.path-creation-step3 .step3-basics-name-desc-card .step3-mini-block .step3-mini-value{color:#1e293b;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.path-creation-step3 .step3-basics-mini-card.step3-basics-learn-card{text-align:right;direction:rtl;background:0 0;border:none;border-radius:.5rem;flex-direction:column;gap:.25rem;min-height:4rem;padding:.75rem .875rem;display:flex}.path-creation-step3 .step3-basics-mini-card .step3-mini-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:10px;font-weight:400}.path-creation-step3 .step3-basics-mini-card .step3-mini-value{color:#1e293b;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.path-creation-step3 .step3-basics-mini-card .step3-mini-list{color:#334155;margin:0;padding:0;font-size:13px;font-weight:400;line-height:1.5;list-style:none}.path-creation-step3 .step3-basics-mini-card .step3-mini-list li{margin-bottom:.125rem;padding-inline-start:.5rem;position:relative}.path-creation-step3 .step3-basics-mini-card .step3-mini-list li:before{content:"•";color:#94a3b8;position:absolute;right:0}@media (max-width:768px){.path-creation-step3 .step3-basics-mini-cards{grid-template-columns:1fr}}html.dark .path-creation-step3 .step3-basics-mini-card,html.dark .path-creation-step3 .step3-basics-name-desc-card{background:0 0;border:none}html.dark .path-creation-step3 .step3-basics-mini-card .step3-mini-label{color:var(--text-muted)}html.dark .path-creation-step3 .step3-basics-mini-card .step3-mini-value,html.dark .path-creation-step3 .step3-basics-mini-card .step3-mini-list{color:var(--text-light)}html.dark .path-creation-step3 .step3-basics-mini-card .step3-mini-list li:before{color:var(--text-muted)}html.dark .path-creation-step3 .step3-basics-name-desc-card .step3-mini-label{color:var(--text-muted)!important}html.dark .path-creation-step3 .step3-basics-name-desc-card .step3-mini-block .step3-mini-value{color:var(--text-light)!important}.path-creation-step3 .step3-review-card .step3-card-body .step3-label{margin-bottom:.125rem;font-size:.8125rem}.path-creation-step3 .step3-review-card .step3-card-body .step3-value{font-size:.8125rem;line-height:1.4}.path-creation-step3 .step3-identity-grid{text-align:right;direction:rtl;grid-template-columns:repeat(2,1fr);justify-items:start;gap:1rem;margin-bottom:0;display:grid}.path-creation-step3 .step3-identity-item{text-align:right;direction:rtl;flex-direction:column;align-items:flex-start;gap:.375rem;display:flex}.path-creation-step3 .step3-identity-item .step3-label{margin-bottom:0;font-size:.8125rem}.path-creation-step3 .step3-identity-item .step3-value{font-size:.8125rem}.path-creation-step3 .step3-identity-item .step3-color-box{border-radius:.375rem;width:2.5rem;height:2.5rem}.path-creation-step3 .step3-identity-item .step3-icon-box{border-radius:.375rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.path-creation-step3 .step3-identity-item .step3-identity-icon-img{width:1.375rem;height:1.375rem}.path-creation-step3 .step3-identity-item .step3-thumb-box{-o-object-fit:cover;object-fit:cover;border-radius:.25rem;width:3rem;height:2.25rem}.path-creation-step3 .step3-review-card .step3-card-body ul{text-align:right;direction:rtl;padding-inline-start:0;list-style-position:inside}.path-creation-step3 .step3-list-item{text-align:right;direction:rtl;flex-direction:row-reverse;justify-content:flex-end;gap:.375rem;margin-bottom:.125rem;font-size:.75rem;line-height:1.4;display:flex}.path-creation-step3 .step3-section-title{text-align:right;direction:rtl;margin-top:1rem;margin-bottom:.75rem}.path-creation-step3 .step3-section-title h2,.path-creation-step3 .step3-section-title .step3-section-title-heading{color:#1e293b;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.path-creation-step3 .step3-section-title p,.path-creation-step3 .step3-section-title .step3-section-title-desc{color:#64748b;margin:0;font-size:.8125rem}.path-creation-step3 .stepper-card .stepper-container{max-width:60rem;margin:0 auto;padding:0 1rem}.path-creation-step3 .stepper-card .stepper-wrapper{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.path-creation-step3 .stepper-line{z-index:0;background-color:#e5e7eb;width:100%;height:.125rem;position:absolute;top:50%;transform:translateY(-50%)}.path-creation-step3 .step-item{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.path-creation-step3 .step-circle{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.path-creation-step3 .step-circle.active{color:#fff;background-color:#2563eb;box-shadow:0 0 0 .25rem #eff6ff}.path-creation-step3 .step-circle.inactive{color:#6b7280;background-color:#e5e7eb}.path-creation-step3 .step-circle.completed{color:#fff;background-color:#2563eb;box-shadow:0 10px 15px -3px #0000001a}.path-creation-step3 .step-circle.completed:before,.path-creation-step3 .step-circle.completed:after,.path-creation-step3 .step-title.completed:before,.path-creation-step3 .step-title.completed:after{display:none!important}.path-creation-step3 .step-circle.completed .step-number{visibility:visible!important;display:flex!important}.path-creation-step3 .step-title.completed{background-image:none!important}.path-creation-step3 .step-number{font-size:.75rem;font-weight:700}.path-creation-step3 .step-labels{text-align:center;width:10rem;position:absolute;top:2.5rem}.path-creation-step3 .step-title{color:#1f2937;font-size:.75rem;font-weight:700}.path-creation-step3 .step-title.inactive{color:#9ca3af}.path-creation-step3 .step-title.completed{color:#374151}.path-creation-step3 .step-subtitle{color:#9ca3af;font-size:.625rem}.path-creation-step3 .step-subtitle.inactive{color:#d1d5db}html.dark .path-creation-step3 .stepper-line{background-color:var(--border-color)!important}.path-creation-step3 .step3-card-basics .step3-card-header h3,.path-creation-step3 .step3-card-basics .step3-card-body .step3-label,.path-creation-step3 .step3-card-basics .step3-card-body .step3-value,.path-creation-step3 .step3-card-basics .step3-card-body .step3-list-item{color:#232323}html.dark .path-creation-step3{background-color:var(--bg-dark)!important}html.dark .path-creation-step3 header{background-color:var(--bg-white)!important;border-color:var(--border-color)!important}html.dark .path-creation-step3 header h1,html.dark .path-creation-step3 header .text-gray-800{color:var(--text-light)!important}html.dark .path-creation-step3 header .text-gray-400,html.dark .path-creation-step3 .text-gray-400,html.dark .path-creation-step3 header button.text-gray-500{color:var(--text-muted)!important}html.dark .path-creation-step3 header button.text-gray-500:hover{color:var(--text-light)!important}html.dark .path-creation-step3 header button.border{border-color:var(--border-color)!important;color:var(--text-light)!important}html.dark .path-creation-step3 header button.border:hover{background-color:var(--bg-light)!important}html.dark .path-creation-step3 .bg-gray-200{background-color:var(--border-color)!important}html.dark .path-creation-step3 .bg-blue-600{background-color:var(--primary-green)!important}html.dark .path-creation-step3 .text-gray-700,html.dark .path-creation-step3 .text-gray-800{color:var(--text-light)!important}html.dark .path-creation-step3 .ring-4.ring-blue-50{box-shadow:0 0 0 4px var(--status-info-bg)!important}html.dark .path-creation-step3 .border-green-200{border-color:var(--border-color)!important}html.dark .path-creation-step3 h2.text-gray-800{color:var(--text-light)!important}html.dark .path-creation-step3 .text-gray-500{color:var(--text-muted)!important}html.dark .path-creation-step3 .bg-white{background-color:var(--bg-white)!important}html.dark .path-creation-step3 .border-gray-100,html.dark .path-creation-step3 .border.border-gray-100{border-color:var(--border-color)!important}html.dark .path-creation-step3 .bg-blue-50{background-color:var(--status-info-bg)!important}html.dark .path-creation-step3 .text-blue-600{color:var(--primary-green)!important}html.dark .path-creation-step3 .bg-purple-50{background-color:var(--status-info-bg)!important}html.dark .path-creation-step3 .text-purple-600{color:var(--primary-green)!important}html.dark .path-creation-step3 .bg-green-50{background-color:var(--status-success-bg)!important}html.dark .path-creation-step3 .text-green-600{color:var(--status-success)!important}html.dark .path-creation-step3 .text-gray-600{color:var(--text-muted)!important}html.dark .path-creation-step3 .text-gray-700{color:var(--text-light)!important}html.dark .path-creation-step3 .text-gray-300{color:var(--text-muted)!important}html.dark .path-creation-step3 .step3-card-basics .step3-card-header h3,html.dark .path-creation-step3 .step3-card-basics .step3-card-body .step3-label,html.dark .path-creation-step3 .step3-card-basics .step3-card-body .step3-value,html.dark .path-creation-step3 .step3-card-basics .step3-card-body .step3-list-item{color:#fff!important}html.dark .path-creation-step3 .bg-gray-100{background-color:var(--bg-light)!important}html.dark .path-creation-step3 .bg-gray-100 .text-gray-400{color:var(--text-muted)!important}.path-creation-step3 .footer.footer-step3{z-index:20;background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:auto;padding:.875rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:80px}.path-creation-step3 .footer-step3 .footer-step3-right{align-items:center;gap:.75rem;display:flex}.path-creation-step3 .footer-step3 .footer-step3-btn{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.path-creation-step3 .footer-step3 .footer-step3-btn-prev:hover,.path-creation-step3 .footer-step3 .footer-step3-btn-edit:hover{background-color:#e5e7eb;border-color:#d1d5db}.path-creation-step3 .footer-step3 .footer-step3-btn-publish{color:#fff!important;background-color:#4972e5!important;border-color:#4972e5!important}.path-creation-step3 .footer-step3 .footer-step3-btn-publish:hover:not(.disabled){background-color:#3d61c9!important;border-color:#3d61c9!important}.path-creation-step3 .footer-step3 .footer-step3-btn-publish.disabled{cursor:not-allowed;color:#9ca3af!important;background-color:#e5e7eb!important;border-color:#e5e7eb!important}.admin-layout-main.sidebar-open .path-creation-step3 .footer.footer-step3{right:280px!important}.admin-layout-main.sidebar-closed .path-creation-step3 .footer.footer-step3{right:80px!important}@media (max-width:1024px){.path-creation-step3 .footer.footer-step3{right:0!important}}@media (max-width:768px){.path-creation-step3 .footer.footer-step3{width:100%;padding:.75rem max(1rem,env(safe-area-inset-left)).75rem max(1rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-height:60px;display:flex;left:0!important;right:0!important}.path-creation-step3 .footer-step3 .footer-step3-right{flex-shrink:0;gap:.5rem}.path-creation-step3 .footer-step3 .footer-step3-btn{min-width:44px;min-height:44px;padding:.625rem 1rem;font-size:.875rem}.path-creation-step3 .footer-step3 .footer-step3-btn-publish{min-height:44px;padding:.625rem 1rem;font-size:.875rem}}html.dark .path-creation-step3 .footer.footer-step3{background-color:var(--bg-white)!important;border-color:var(--border-color)!important}html.dark .path-creation-step3 .footer-step3 .footer-step3-btn-prev,html.dark .path-creation-step3 .footer-step3 .footer-step3-btn-edit{border-color:var(--border-color)!important;color:var(--text-light)!important;background-color:var(--bg-light)!important}html.dark .path-creation-step3 .footer-step3 .footer-step3-btn-prev:hover,html.dark .path-creation-step3 .footer-step3 .footer-step3-btn-edit:hover{background-color:var(--border-color)!important}html.dark .path-creation-step3 .footer-step3 .footer-step3-btn-publish:not(.disabled){color:#fff!important;background-color:#4972e5!important;border-color:#4972e5!important}html.dark .path-creation-step3 .footer-step3 .footer-step3-btn-publish.disabled{background-color:var(--bg-light)!important;color:var(--text-muted)!important;border-color:var(--border-color)!important}.path-creation-step3 .step3-path-content-card{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}.path-creation-step3 .step3-path-content-title{color:#1e293b;text-align:right;margin:0 0 .25rem;font-size:.9375rem;font-weight:500}.path-creation-step3 .step3-path-content-subtitle{color:#64748b;text-align:right;margin:0 0 .75rem;font-size:.8125rem}.path-creation-step3 .step3-path-content-sections{flex-direction:column;gap:.75rem;display:flex}.path-creation-step3 .step3-path-content-level{text-align:right}.path-creation-step3 .step3-path-content-level-title{color:#1e293b;margin:0 0 .5rem;font-size:.8125rem;font-weight:500}.path-creation-step3 .step3-path-content-cards{flex-direction:column;gap:.375rem;display:flex}.path-creation-step3 .step3-path-content-item{text-align:right;direction:rtl;background:#f9fafb;border-radius:.5rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 1px 2px #0000000d}.path-creation-step3 .step3-path-content-item-grip{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;display:flex}.path-creation-step3 .step3-path-content-item-num{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:flex}.path-creation-step3 .step3-path-content-item-body{flex:1;min-width:0}.path-creation-step3 .step3-path-content-item-title{color:#1e293b;margin:0 0 .25rem;font-size:.8125rem;font-weight:500;line-height:1.35}.path-creation-step3 .step3-path-content-item-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.path-creation-step3 .step3-path-content-item-meta span{align-items:center;gap:.25rem;display:inline-flex}.path-creation-step3 .step3-path-content-meta-icon{-o-object-fit:contain;object-fit:contain;width:16px;min-width:16px;height:14px;min-height:14px}.path-creation-step3 .step3-path-content-meta-level.step3-meta-beginner{color:#059669}.path-creation-step3 .step3-path-content-meta-level.step3-meta-intermediate{color:#2563eb}.path-creation-step3 .step3-path-content-meta-level.step3-meta-advanced{color:#475569}.path-creation-step3 .step3-path-content-empty{text-align:center;padding:2rem 1rem}html.dark .path-creation-step3 .step3-path-content-card{background:var(--bg-white)!important;border-color:var(--border-color)!important}html.dark .path-creation-step3 .step3-path-content-title,html.dark .path-creation-step3 .step3-path-content-level-title,html.dark .path-creation-step3 .step3-path-content-item-title{color:var(--text-light)!important}html.dark .path-creation-step3 .step3-path-content-item{background:var(--bg-light)!important}html.dark .path-creation-step3 .step3-path-content-item-num{background:var(--primary-green)!important;color:#fff!important}html.dark .path-creation-step3 .step3-path-content-item-meta,html.dark .path-creation-step3 .step3-path-content-meta-duration,html.dark .path-creation-step3 .step3-path-content-meta-lessons{color:var(--text-muted)!important}html.dark .path-creation-step3 .step3-path-content-meta-level.step3-meta-beginner{color:var(--status-success)!important}html.dark .path-creation-step3 .step3-path-content-meta-level.step3-meta-intermediate{color:var(--primary-green)!important}html.dark .path-creation-step3 .step3-path-content-meta-level.step3-meta-advanced,html.dark .path-creation-step3 .step3-path-content-subtitle,html.dark .path-creation-step3 .step3-path-content-empty .text-gray-400,html.dark .path-creation-step3 .step3-path-content-empty p,html.dark .path-creation-step3 .step3-path-content-empty .text-gray-300,html.dark .path-creation-step3 .step3-path-content-item-grip,html.dark .path-creation-step3 .step3-identity-item .step3-label{color:var(--text-muted)!important}html.dark .path-creation-step3 .step3-identity-item .step3-value{color:var(--text-light)!important}html.dark .path-creation-step3 .step3-identity-item .step3-color-box{border:1px solid var(--border-color);box-shadow:0 0 0 1px #ffffff0d}html.dark .path-creation-step3 .step3-review-card .step3-card-header h3{color:var(--text-light)!important}.path-success-page{direction:rtl;background-color:#f9fafb;min-height:100vh;padding:3rem 1rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif}@media (min-width:640px){.path-success-page{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.path-success-page{padding-left:2rem;padding-right:2rem}}.path-success-page .success-inner{max-width:56rem;margin:0 auto}.path-success-page .success-header{text-align:center;margin-bottom:2.5rem}.path-success-page .success-icon-wrap{background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 10px 15px -3px #10b98133,0 4px 6px -2px #10b9811a}.path-success-page .success-icon-wrap svg{color:#fff!important}.path-success-page .success-title{color:#1e293b;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.875rem;font-weight:700;display:flex}.path-success-page .success-subtitle{color:#64748b;font-size:1.125rem}.path-success-page .success-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}@media (min-width:768px){.path-success-page .success-card{flex-direction:row}}.path-success-page .success-card-preview-icon{background-color:#eef2ff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:8rem;display:flex}@media (min-width:768px){.path-success-page .success-card-preview-icon{width:8rem;height:8rem}}.path-success-page .success-card-preview-icon-inner{background-color:#fff;border-radius:.5rem;padding:.75rem;box-shadow:0 1px 2px #0000000d}.path-success-page .success-card-preview-icon-inner svg{color:#4f46e5;width:2rem;height:2rem}.path-success-page .success-badge-published{color:#059669;background-color:#ecfdf5;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.path-success-page .success-badge-category{color:#4f46e5;background-color:#eef2ff;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.path-success-page .success-card-title{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.path-success-page .success-card-desc{color:#64748b;margin-bottom:1rem;font-size:.875rem;line-height:1.625}.path-success-page .success-meta{color:#94a3b8;flex-wrap:wrap;gap:1rem;font-size:.75rem;display:flex}.path-success-page .success-meta span{align-items:center;gap:.25rem;display:flex}.path-success-page .success-actions-card{padding:2rem}.path-success-page .success-actions-title{text-align:center;color:#1e293b;margin-bottom:2rem;font-size:1.25rem;font-weight:700}.path-success-page .success-actions-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.path-success-page .success-actions-grid{grid-template-columns:repeat(2,1fr)}}.path-success-page .success-action-btn{cursor:pointer;text-align:center;background-color:#0000;border:1px solid #f1f5f9;border-radius:.75rem;flex-direction:column;align-items:center;padding:1.5rem;font-family:inherit;transition:background-color .2s,border-color .2s;display:flex}.path-success-page .success-action-btn:hover{background-color:#f8fafc;border-color:#c7d2fe}.path-success-page .success-action-btn.primary{background-color:#eef2ff4d;border-width:2px;border-color:#c7d2fe}.path-success-page .success-action-btn.primary:hover{background-color:#eef2ff}.path-success-page .success-action-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.path-success-page .success-action-btn.primary .success-action-icon-wrap{background-color:#4f46e5;box-shadow:0 4px 6px -1px #4f46e533}.path-success-page .success-action-btn.primary .success-action-icon-wrap svg{color:#fff;width:1.5rem;height:1.5rem}.path-success-page .success-action-btn:not(.primary) .success-action-icon-wrap{background-color:#eef2ff}.path-success-page .success-action-btn:not(.primary) .success-action-icon-wrap svg{color:#818cf8;width:1.5rem;height:1.5rem}.path-success-page .success-action-btn.blue .success-action-icon-wrap{background-color:#eff6ff}.path-success-page .success-action-btn.blue .success-action-icon-wrap svg{color:#60a5fa}.path-success-page .success-action-btn.green .success-action-icon-wrap{background-color:#ecfdf5}.path-success-page .success-action-btn.green .success-action-icon-wrap svg{color:#34d399}.path-success-page .success-action-label{color:#334155;margin-bottom:.25rem;font-weight:700}.path-success-page .success-action-btn.primary .success-action-label{color:#4338ca}.path-success-page .success-action-hint{color:#94a3b8;font-size:.75rem}.path-success-page .success-action-btn.primary .success-action-hint{color:#818cf8}.path-success-page .success-tips{background-color:#eef2ff80;border:1px solid #c7d2fe;border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}.path-success-page .success-tips-icon-wrap{background-color:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 10px 15px -3px #4f46e533}.path-success-page .success-tips-icon-wrap svg{color:#fff;width:1.25rem;height:1.25rem}.path-success-page .success-tips-content{padding-right:.5rem}.path-success-page .success-tips-title{color:#4338ca;margin-bottom:1rem;font-weight:700}.path-success-page .success-tips-list{margin:0;padding:0;list-style:none}.path-success-page .success-tips-list li{color:#475569;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.path-success-page .success-tips-list li:last-child{margin-bottom:0}.path-success-page .success-tips-list li svg{color:#6366f1;flex-shrink:0;width:1rem;height:1rem;margin-top:2px}html.dark .path-success-page{background-color:var(--bg-dark)}html.dark .path-success-page .success-icon-wrap{background-color:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .path-success-page .success-title{color:var(--text-light)}html.dark .path-success-page .success-subtitle{color:var(--text-muted)}html.dark .path-success-page .success-card{background-color:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-sm)}html.dark .path-success-page .success-card-preview-icon{background-color:var(--bg-light)}html.dark .path-success-page .success-card-preview-icon-inner{background-color:var(--bg-white)}html.dark .path-success-page .success-card-preview-icon-inner svg{color:var(--primary-green)}html.dark .path-success-page .success-badge-published{background-color:var(--status-success-bg);color:var(--status-success)}html.dark .path-success-page .success-badge-category{background-color:var(--status-info-bg);color:var(--primary-green)}html.dark .path-success-page .success-card-title{color:var(--text-light)}html.dark .path-success-page .success-card-desc,html.dark .path-success-page .success-meta{color:var(--text-muted)}html.dark .path-success-page .success-actions-card{background-color:var(--bg-white);border-color:var(--border-color)}html.dark .path-success-page .success-actions-title{color:var(--text-light)}html.dark .path-success-page .success-action-btn{border-color:var(--border-color);background-color:#0000}html.dark .path-success-page .success-action-btn:hover{border-color:var(--border-hover);background-color:var(--bg-light)}html.dark .path-success-page .success-action-btn.primary{border-color:var(--primary-green);background-color:var(--status-info-bg)}html.dark .path-success-page .success-action-btn.primary:hover{background-color:var(--bg-light)}html.dark .path-success-page .success-action-btn.primary .success-action-icon-wrap{background-color:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .path-success-page .success-action-btn:not(.primary) .success-action-icon-wrap{background-color:var(--bg-light)}html.dark .path-success-page .success-action-btn:not(.primary) .success-action-icon-wrap svg{color:var(--primary-green)}html.dark .path-success-page .success-action-btn.blue .success-action-icon-wrap{background-color:var(--status-info-bg)}html.dark .path-success-page .success-action-btn.blue .success-action-icon-wrap svg{color:var(--primary-green-light)}html.dark .path-success-page .success-action-btn.green .success-action-icon-wrap{background-color:var(--status-success-bg)}html.dark .path-success-page .success-action-btn.green .success-action-icon-wrap svg{color:var(--status-success)}html.dark .path-success-page .success-action-label{color:var(--text-light)}html.dark .path-success-page .success-action-btn.primary .success-action-label{color:var(--primary-green-light)}html.dark .path-success-page .success-action-hint,html.dark .path-success-page .success-action-btn.primary .success-action-hint{color:var(--text-muted)}html.dark .path-success-page .success-tips{background-color:var(--status-info-bg);border-color:var(--border-color)}html.dark .path-success-page .success-tips-icon-wrap{background-color:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .path-success-page .success-tips-title{color:var(--primary-green-light)}html.dark .path-success-page .success-tips-list li{color:var(--text-muted)}html.dark .path-success-page .success-tips-list li svg{color:var(--primary-green)}.settings-page{background:#f9fafb;min-height:100%}.settings-header{background:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 20px #0000000a}.settings-title{color:#4972e5;margin:0;font-size:1.75rem;font-weight:700}.settings-subtitle{color:#718096;margin:.5rem 0 0;font-size:14px}.settings-tabs{background:#fff;border-radius:16px;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000a}.tab-btn{color:#718096;cursor:pointer;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:14px;font-weight:500;transition:all .3s;display:flex}.tab-btn:hover{color:#4972e5;border-color:#4972e5}.tab-btn.active{color:#fff;background:#4972e5;border-color:#4972e5}.tab-btn.active:hover{background:#4265f4}.settings-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.settings-section{padding:2rem}.section-title{color:#4972e5;border-bottom:2px solid #4972e51a;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.settings-form{flex-direction:column;gap:1.5rem;max-width:500px;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#2d3748;font-size:14px;font-weight:600}.form-group input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.875rem 1rem;font-size:14px;transition:all .3s}.form-group input:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.password-input{align-items:center;display:flex;position:relative}.password-input input{width:100%;padding-left:3rem}.password-input .toggle-password{color:#718096;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.password-input .toggle-password:hover{color:#4972e5}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4972e5,#6b8eff);border:none;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 2rem;font-size:16px;font-weight:600;transition:all .3s;display:flex}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4972e54d}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.settings-tabs{flex-direction:column}.tab-btn{justify-content:center}.settings-form{max-width:100%}}.courses-container{background:#f9fafb;min-height:100%}.courses-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000a}.courses-header h1{color:#4972e5;margin:0;font-size:1.75rem;font-weight:700}.view-toggle-btn{color:#718096;cursor:pointer;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:14px;transition:all .3s;display:flex}.view-toggle-btn.active{color:#fff;background:#4972e5;border-color:#4972e5}.view-toggle-btn:hover:not(.active){color:#4972e5;border-color:#4972e5}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#4972e5,#6b8eff)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4972e54d}.courses-filters{background:#fff;border-radius:16px;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000a}.filter-group{flex:1;align-items:center;gap:.5rem;min-width:200px;display:flex}.filter-group input,.filter-group select{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:.75rem 1rem;font-size:14px;transition:all .3s}.filter-group input:focus,.filter-group select:focus{border-color:#4972e5;outline:none;box-shadow:0 0 0 3px #4972e51a}.filter-group svg{color:#718096}.empty-state{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{background:#4972e51a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.empty-icon svg{color:#4972e5;font-size:2.5rem}.empty-title{color:#2d3748;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.empty-description{color:#718096;margin:0;font-size:14px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.course-card{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000a}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.course-image-wrapper{height:180px;overflow:hidden}.course-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.course-card:hover .course-image{transform:scale(1.05)}.course-image-placeholder{background:linear-gradient(135deg,#4972e51a,#6b8eff1a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.course-image-placeholder svg{color:#4972e5;font-size:3rem}.course-content{padding:1.5rem}.course-title{color:#2d3748;margin:0 0 .75rem;font-size:1.125rem;font-weight:700;line-height:1.4}.course-description{color:#718096;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-meta{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.course-meta-item{align-items:center;gap:.5rem;font-size:13px;display:flex}.course-meta-label{color:#718096;min-width:60px}.course-meta-value{color:#2d3748;font-weight:500}.level-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:12px;font-weight:600}.level-beginner{color:#38a169;background:#38a1691a}.level-intermediate{color:#ed8936;background:#ed89361a}.level-advanced{color:#e53e3e;background:#e53e3e1a}.course-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.course-price-section{flex-direction:column;display:flex}.course-price{color:#4972e5;font-size:1.25rem;font-weight:700}.course-free-badge{color:#38a169;background:#38a1691a;border-radius:20px;padding:.25rem .75rem;font-size:12px;font-weight:600}.course-actions{gap:.5rem;display:flex}.courses-table-view{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.courses-table-container{overflow-x:auto}.courses-table{border-collapse:collapse;width:100%;min-width:800px}.courses-table th{text-align:right;color:#2d3748;background:#f7f9fc;border-bottom:2px solid #4972e51a;padding:1rem 1.5rem;font-size:14px;font-weight:600}.courses-table td{text-align:right;color:#4a5568;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:14px}.courses-table tr:hover{background:#4972e505}.course-info{align-items:center;gap:1rem;display:flex}.course-thumbnail{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:50px;height:50px}.course-title a{color:#2d3748;font-weight:600;text-decoration:none;transition:color .3s}.course-title a:hover{color:#4972e5}.course-duration{color:#718096;font-size:12px}.price{color:#4972e5;font-weight:600}.original-price{color:#718096;margin-right:.5rem;font-size:12px;text-decoration:line-through}.status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:12px;font-weight:600}.status-draft{color:#a0aec0;background:#a0aec01a}.status-published{color:#38a169;background:#38a1691a}.action-buttons{gap:.5rem;display:flex}.btn-icon{cursor:pointer;color:#4a5568;background:#f7f9fc;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.btn-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-icon.btn-view{color:#4299e1;background:#4299e11a}.btn-icon.btn-sections{color:#7b61ff;background:#7b61ff1a}.btn-icon.btn-edit{color:#38b2ac;background:#38b2ac1a}.btn-icon.btn-publish{color:#38a169;background:#38a1691a}.btn-icon.btn-delete{color:#f56565;background:#f565651a}.btn-icon.btn-view:hover{background:#4299e133}.btn-icon.btn-sections:hover{background:#7b61ff33}.btn-icon.btn-edit:hover{background:#38b2ac33}.btn-icon.btn-publish:hover{background:#38a16933}.btn-icon.btn-delete:hover{background:#f5656533}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;animation:.3s modalSlideIn;overflow-y:auto}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:#4972e5;margin:0;font-size:1.5rem;font-weight:700}.btn-close{color:#718096;cursor:pointer;background:#f7f9fc;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.btn-close:hover{color:#fff;background:#e53e3e}.modal-body{padding:2rem}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.btn-danger:hover{background:#c53030;transform:translateY(-2px)}.btn-secondary{color:#4a5568;cursor:pointer;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.btn-secondary:hover{background:#edf2f7}.btn-success{color:#fff;cursor:pointer;background:#38a169;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.btn-success:hover{background:#2f855a;transform:translateY(-2px)}.large-modal{max-width:1000px}.small-modal{max-width:500px}.course-modal .modal-header{color:#fff;background:linear-gradient(135deg,#4972e5,#6b8eff);border-radius:20px 20px 0 0}.course-modal .modal-header h2{color:#fff}.course-view{flex-direction:column;gap:2rem;display:flex}.course-header{align-items:flex-start;gap:2rem;display:flex}.course-thumbnail-large{-o-object-fit:cover;object-fit:cover;border-radius:16px;width:300px;height:200px;box-shadow:0 8px 30px #0000001a}.course-info-large{flex:1}.course-info-large h3{color:#2d3748;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.course-description{color:#4a5568;margin-bottom:1.5rem;line-height:1.6}.course-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.course-meta span{color:#718096;align-items:center;gap:.5rem;font-size:14px;display:flex}.course-pricing{margin-bottom:1.5rem}.price-large{color:#4972e5;font-size:1.75rem;font-weight:700}.original-price-large{color:#718096;margin-right:.75rem;font-size:1.125rem;text-decoration:line-through}.free-badge-large{color:#38a169;background:#38a1691a;border-radius:20px;padding:.5rem 1rem;font-size:14px;font-weight:600}.course-badges{flex-wrap:wrap;gap:.75rem;display:flex}.badge{text-transform:uppercase;border-radius:20px;padding:.375rem .875rem;font-size:12px;font-weight:600}.badge-featured{color:#d69e2e;background:#f59e0b1a}.badge-certificate{color:#7b61ff;background:#7b61ff1a}.badge-status-draft{color:#a0aec0;background:#a0aec01a}.badge-status-published{color:#38a169;background:#38a1691a}.course-section{background:#f7f9fc;border-radius:12px;padding:1.5rem}.course-section h4{color:#4972e5;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.course-section ul{margin:0;padding-right:1.5rem;list-style-type:disc}.course-section li{color:#4a5568;margin-bottom:.5rem;line-height:1.6}.view-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;overflow:hidden}.view-section-header{background:#f7f9fc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.view-section-header h5{color:#2d3748;margin:0;font-size:1rem;font-weight:600}.lessons-count{color:#718096;background:#fff;border-radius:20px;padding:.25rem .75rem;font-size:12px}.view-lessons-list{padding:1rem}.view-lesson{border-radius:8px;align-items:center;gap:1rem;padding:.875rem;transition:all .3s;display:flex}.view-lesson:hover{background:#4972e50d}.view-lesson-icon{color:#4972e5;background:#4972e51a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.view-lesson-info{flex:1}.view-lesson-title{color:#2d3748;margin-bottom:.25rem;font-size:14px;font-weight:500}.view-lesson-meta{color:#718096;gap:.75rem;font-size:12px;display:flex}.warning{color:#e53e3e;margin-top:.5rem;font-weight:500}.skeleton-container{flex-direction:column;gap:2rem;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.cards-grid{grid-template-columns:1fr}.courses-header{flex-direction:column;align-items:stretch;gap:1rem}.view-toggle-btn,.btn-primary{justify-content:center;width:100%}.course-header{flex-direction:column}.course-thumbnail-large{width:100%}}.login-page{background-color:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,sans-serif;display:flex;position:relative;overflow-x:hidden}.login-bg-pattern{z-index:0;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--primary-green),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,#3886f414,transparent),radial-gradient(ellipse 60% 40% at 0% 80%,#3886f40f,transparent);pointer-events:none;position:fixed;inset:0}html.dark .login-bg-pattern{background-image:radial-gradient(80% 50% at 50% -20%,#3886f440,#0000),radial-gradient(60% 40% at 100%,#3886f414,#0000),radial-gradient(60% 40% at 0 80%,#3886f40d,#0000)}.login-theme-toggle{z-index:50;border:1px solid var(--border-color);background:var(--bg-white);width:44px;height:44px;color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:flex;position:fixed;top:1.25rem;right:1.25rem}.login-theme-toggle:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:var(--shadow-green)}html.dark .login-theme-toggle{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .login-theme-toggle:hover{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.login-card{z-index:1;background:var(--bg-white);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-xl);border-radius:24px;position:relative}.login-card-inner{padding:2.5rem 2rem}html.dark .login-card{background:var(--bg-white);border-color:var(--border-color);box-shadow:var(--shadow-2xl)}.login-brand{text-align:center;margin-bottom:2rem}.login-brand-icon{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));width:64px;height:64px;box-shadow:var(--shadow-green);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.login-brand-emoji{font-size:2rem}.login-brand-title{color:var(--text-light);letter-spacing:-.02em;margin:0 0 .375rem;font-size:1.75rem;font-weight:800}.login-brand-subtitle{color:var(--text-muted);margin:0;font-size:.9375rem;font-weight:500}html.dark .login-brand-title{color:var(--text-light)}html.dark .login-brand-subtitle{color:var(--text-muted)}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-label{color:var(--text-dark);font-size:.875rem;font-weight:600}html.dark .login-label{color:var(--text-light)}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.login-input-wrap--icon-end .login-input-icon{left:1rem;right:auto}.login-input-wrap--icon-end .login-input{padding-left:3rem;padding-right:1rem}.login-input{width:100%;color:var(--text-light);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;padding:.875rem 1rem .875rem 3rem;font-family:inherit;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.login-input-wrap:has(.login-password-toggle) .login-input{padding-left:3rem}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{border-color:var(--primary-green);outline:none;box-shadow:0 0 0 3px #3886f426}html.dark .login-input{background:var(--bg-light);border-color:var(--border-color);color:var(--text-light)}html.dark .login-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #3886f433}.login-password-toggle{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--primary-green);background:#3886f414}html.dark .login-password-toggle:hover{color:var(--primary-green-light);background:#3886f426}.login-options{justify-content:flex-start;align-items:center;display:flex}.login-checkbox-wrap{cursor:pointer;color:var(--text-gray);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.login-checkbox{border:1px solid var(--border-color);width:1.125rem;height:1.125rem;accent-color:var(--primary-green);cursor:pointer;border-radius:6px}.login-checkbox-label{-webkit-user-select:none;user-select:none}html.dark .login-checkbox-wrap{color:var(--text-muted)}.login-submit{color:#fff;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:box-shadow .2s,opacity .2s;display:flex}.login-submit:hover:not(:disabled){box-shadow:var(--shadow-green)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit-arrow{transition:transform .2s}.login-submit:hover:not(:disabled) .login-submit-arrow{transform:translate(-4px)}.login-submit-loading{align-items:center;gap:.5rem;display:flex}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.login-page{padding:1.5rem 1rem}.login-theme-toggle{width:40px;height:40px;top:1rem;right:1rem}.login-card-inner{padding:2rem 1.5rem}.login-brand-title{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-dark);scroll-behavior:auto;margin:0;padding:0;transition:background-color .3s;position:relative;width:100vw!important;height:100vh!important;overflow:hidden!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background-color:var(--bg-dark);scroll-behavior:auto;margin:0;padding:0;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;transition:background-color .3s;position:relative;width:100vw!important;height:100vh!important;overflow:hidden!important}#root{margin:0;padding:0;position:relative;width:100vw!important;height:100vh!important;overflow:hidden!important}[dir=rtl] body{direction:rtl;font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}[dir=ltr] body{direction:ltr;font-family:Saira,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}[dir=rtl],[lang=ar]{font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}[dir=rtl] *,[lang=ar] *{font-family:inherit}[dir=ltr],[lang=en]{font-family:Saira,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}[dir=ltr] *,[lang=en] *{font-family:inherit}code{font-family:Courier New,monospace}:root{--primary-green:#3886f4;--primary-green-dark:#2d6fd1;--primary-green-light:#5a9bf5;--bg-dark:#f9fafb;--bg-light:#f1f5f9;--bg-white:#fff;--bg-overlay:#0000004d;--text-light:#1e293b;--text-dark:#334155;--text-gray:#64748b;--text-muted:#94a3b8;--text-dark-gray:#475569;--border-color:#e2e8f0;--border-light:#0000001a;--border-hover:#0003;--status-success:#22c55e;--status-success-bg:#22c55e1a;--status-warning:#f97316;--status-warning-bg:#f973161a;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-info:#3b82f6;--status-info-bg:#3b82f61a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-green:0 4px 12px #3886f433;--shadow-green-lg:0 6px 20px #3886f44d;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.75s;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}html.dark{--primary-dark:#1e293b;--primary-green:#3886f4;--primary-green-dark:#2d6fd1;--primary-green-light:#5a9bf5;--bg-dark:#0f172a;--bg-light:#263548;--bg-white:#2d3a4f;--bg-overlay:#00000080;--text-light:#f1f5f9;--text-dark:#e2e8f0;--text-gray:#94a3b8;--text-muted:#64748b;--text-dark-gray:#cbd5e1;--border-color:#334155;--border-light:#ffffff14;--border-hover:#ffffff26;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #00000059;--shadow-2xl:0 25px 50px -12px #00000080;--shadow-green:0 4px 12px #3886f44d;--shadow-green-lg:0 6px 20px #3886f466;--status-success-bg:#3886f433;--status-warning-bg:#f9731626;--status-error-bg:#ef444426;--status-info-bg:#3b82f626;--bg-color:#1e293b;--white:#2d3a4f;--border-darker:#334155;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--primary-blue:#3886f4;--primary-blue-hover:#5a9bf5;--blue-50:#3b82f62e;--green-50:#22c55e2e;--red-50:#ef44442e;--orange-50:#f973162e;--yellow-50:#eab3082e;--indigo-50:#6366f12e;--emerald-50:#10b9812e;--purple-50:#9333ea2e;--blue-500:#60a5fa;--blue-600:#3b82f6;--green-600:#22c55e;--red-600:#f87171;--orange-600:#fb923c;--yellow-600:#facc15;--indigo-600:#818cf8;--emerald-600:#34d399;--purple-600:#a78bfa}html.dark .card,html.dark [class*=-card]:not(.stat-card),html.dark input,html.dark textarea,html.dark select{background-color:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark input::-moz-placeholder{color:var(--text-muted)}html.dark textarea::-moz-placeholder{color:var(--text-muted)}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-muted)}html.dark table{color:var(--text-light)}html.dark th,html.dark td{border-color:var(--border-color)}html.dark thead th{background-color:var(--bg-light);color:var(--text-light)}html.dark tbody tr:hover{background-color:var(--bg-light)}.page-back-bar{margin-bottom:1rem;padding:0 .25rem}.page-back-btn{border:1px solid var(--border-color);background:var(--bg-white);color:var(--text-dark);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.page-back-btn:hover{background:var(--bg-light);border-color:var(--primary-green);color:var(--primary-green)}html.dark .page-back-btn{background:var(--bg-white);border-color:var(--border-color);color:var(--text-light)}html.dark .page-back-btn:hover{background:var(--bg-light);border-color:var(--primary-green);color:var(--primary-green-light)}html.dark .users-page,html.dark .categories-page,html.dark .paths-container,html.dark .courses-container,html.dark .add-user-page,html.dark .add-category-page,html.dark .settings-page,html.dark .permissions-page,html.dark .user-roles-page,html.dark .publish-requests-page,html.dark .course-sections-page,html.dark .section-details-page,html.dark .add-lesson-page,html.dark .add-course-page,html.dark .edit-course-page,html.dark .edit-course-wizard,html.dark .create-quiz-page,html.dark .quiz-details-page,html.dark .edit-quiz-page,html.dark .add-path-page,html.dark .edit-path-page,html.dark .path-creation-wizard,html.dark .course-creation-wizard{background:0 0!important}.app-toaster{z-index:9999;gap:12px;padding:16px}.app-toaster .app-toast{min-width:300px;max-width:420px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s var(--ease-spring),opacity .35s ease,box-shadow .3s ease;align-items:center;gap:12px;line-height:1.5;display:flex;background:var(--bg-white)!important;color:var(--text-light)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg),0 0 0 1px #00000005!important;border-radius:14px!important;padding:14px 18px!important}.app-toaster .app-toast:hover{box-shadow:var(--shadow-xl),0 0 0 1px #00000008!important}.app-toaster .app-toast--error{border-right:1px solid var(--status-error)!important;background:var(--status-error-bg)!important}.app-toaster .app-toast--error:hover{box-shadow:var(--shadow-xl),0 0 0 1px #ef444426!important}.app-toaster .app-toast--success{border-right:1px solid var(--status-success)!important}.app-toaster .app-toast--loading{border-right:1px solid var(--primary-green)!important}html.dark .app-toaster .app-toast{box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0a!important}html.dark .app-toaster .app-toast--error{background:var(--status-error-bg)!important}@media (max-width:768px){.app-toaster{align-items:center;padding:12px 12px 24px!important}.app-toaster .app-toast{min-width:280px;max-width:calc(100vw - 24px)}}html.dark .glass{border-color:var(--border-color);background:#1e2439e6}html.dark .glass-hover:hover{border-color:var(--border-hover);background:#1e2439f2}html.dark .glass-card{border-color:var(--border-color);box-shadow:var(--shadow-md);background:#1e2439e6}html.dark .glass-header{border-color:var(--border-color);background:#111527f2}*{transition:color .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1)}button,.card,.modal,.sidebar,.header{transition:background-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1)}img,svg,video,canvas,iframe{transition:opacity .6s cubic-bezier(.4,0,.2,1)}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html,body{-ms-overflow-style:none!important;scrollbar-width:none!important;overscroll-behavior:none!important}html::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-light);margin:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4,[lang=ar] h5,[lang=ar] h6{font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}p{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-dark);margin:0}[dir=rtl] p,[dir=rtl] span,[dir=rtl] small,[dir=rtl] .text-sm,[dir=rtl] .text-xs,[dir=rtl] label,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] button,[dir=rtl] a,[lang=ar] p,[lang=ar] span,[lang=ar] small,[lang=ar] .text-sm,[lang=ar] .text-xs,[lang=ar] label,[lang=ar] input,[lang=ar] textarea,[lang=ar] select,[lang=ar] button,[lang=ar] a{font-family:Alexandria,Almarai,Cairo,Noto Kufi Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}small,.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}.font-normal{font-weight:var(--font-weight-normal)}:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px;box-shadow:0 0 0 4px #3886f433}.skip-to-main{background:var(--primary-green);color:#fff;z-index:10000;border-radius:0 0 4px;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-to-main:focus{top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-color:#fff}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-scroll{will-change:scroll-position}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media (min-width:480px){.container{max-width:480px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:2560px){.container{max-width:1920px}:root{--font-size-base:1.125rem}}.elevation-0{box-shadow:none}.elevation-1{box-shadow:var(--shadow-xs)}.elevation-2{box-shadow:var(--shadow-sm)}.elevation-3{box-shadow:var(--shadow-md)}.elevation-4{box-shadow:var(--shadow-lg)}.elevation-5{box-shadow:var(--shadow-xl)}.elevation-6{box-shadow:var(--shadow-2xl)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes tableRowFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeftLTR{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes slideOutLTR{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes notificationSlideIn{0%{opacity:0;filter:blur(4px);transform:translateY(-20px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(2px);transform:translateY(-10px)scale(.98)}}@keyframes notificationItemFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes notificationItemFadeInLTR{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.flex{display:flex}.grid{display:grid}.grid-cols-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.grid-cols-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.grid-cols-4{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.transition-fast{transition:all .15s}.transition-slow{transition:all .5s}.glass{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000001a}.glass-hover{background:#fffffff2;border-color:#00000026}.glass-card{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);background:#ffffffe6;border:1px solid #0000001a;border-radius:16px}.glass-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a}.gradient-text{background:linear-gradient(135deg,#0d9d57 0%,#16a34a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (max-width:480px){.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media print{*{color:#1e293b!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}body{background:#fff!important}}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.d-hidden{visibility:hidden!important}.d-visible{visibility:visible!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-initial{flex:0 auto!important}.flex-none{flex:none!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.items-stretch{align-items:stretch!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.gap-0{gap:0!important}.gap-1{gap:var(--spacing-xs)!important}.gap-2{gap:var(--spacing-sm)!important}.gap-3{gap:var(--spacing-md)!important}.gap-4{gap:var(--spacing-lg)!important}.gap-5{gap:var(--spacing-xl)!important}.gap-6{gap:var(--spacing-2xl)!important}.gap-8{gap:var(--spacing-3xl)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.m-6{margin:var(--spacing-2xl)!important}.m-8{margin:var(--spacing-3xl)!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-xs)!important;margin-right:var(--spacing-xs)!important}.mx-2{margin-left:var(--spacing-sm)!important;margin-right:var(--spacing-sm)!important}.mx-3{margin-left:var(--spacing-md)!important;margin-right:var(--spacing-md)!important}.mx-4{margin-left:var(--spacing-lg)!important;margin-right:var(--spacing-lg)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--spacing-xs)!important;margin-bottom:var(--spacing-xs)!important}.my-2{margin-top:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}.my-3{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.my-4{margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-lg)!important}.my-5{margin-top:var(--spacing-xl)!important;margin-bottom:var(--spacing-xl)!important}.my-6{margin-top:var(--spacing-2xl)!important;margin-bottom:var(--spacing-2xl)!important}.my-8{margin-top:var(--spacing-3xl)!important;margin-bottom:var(--spacing-3xl)!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mt-6{margin-top:var(--spacing-2xl)!important}.mt-8{margin-top:var(--spacing-3xl)!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--spacing-xs)!important}.mr-2{margin-right:var(--spacing-sm)!important}.mr-3{margin-right:var(--spacing-md)!important}.mr-4{margin-right:var(--spacing-lg)!important}.mr-5{margin-right:var(--spacing-xl)!important}.mr-6{margin-right:var(--spacing-2xl)!important}.mr-8{margin-right:var(--spacing-3xl)!important}.mr-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.mb-6{margin-bottom:var(--spacing-2xl)!important}.mb-8{margin-bottom:var(--spacing-3xl)!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--spacing-xs)!important}.ml-2{margin-left:var(--spacing-sm)!important}.ml-3{margin-left:var(--spacing-md)!important}.ml-4{margin-left:var(--spacing-lg)!important}.ml-5{margin-left:var(--spacing-xl)!important}.ml-6{margin-left:var(--spacing-2xl)!important}.ml-8{margin-left:var(--spacing-3xl)!important}.ml-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.p-6{padding:var(--spacing-2xl)!important}.p-8{padding:var(--spacing-3xl)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}.px-2{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.px-3{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.px-4{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.px-5{padding-left:var(--spacing-xl)!important;padding-right:var(--spacing-xl)!important}.px-6{padding-left:var(--spacing-2xl)!important;padding-right:var(--spacing-2xl)!important}.px-8{padding-left:var(--spacing-3xl)!important;padding-right:var(--spacing-3xl)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important}.py-2{padding-top:var(--spacing-sm)!important;padding-bottom:var(--spacing-sm)!important}.py-3{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.py-4{padding-top:var(--spacing-lg)!important;padding-bottom:var(--spacing-lg)!important}.py-5{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}.py-6{padding-top:var(--spacing-2xl)!important;padding-bottom:var(--spacing-2xl)!important}.py-8{padding-top:var(--spacing-3xl)!important;padding-bottom:var(--spacing-3xl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--spacing-xs)!important}.pt-2{padding-top:var(--spacing-sm)!important}.pt-3{padding-top:var(--spacing-md)!important}.pt-4{padding-top:var(--spacing-lg)!important}.pt-5{padding-top:var(--spacing-xl)!important}.pt-6{padding-top:var(--spacing-2xl)!important}.pt-8{padding-top:var(--spacing-3xl)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--spacing-xs)!important}.pr-2{padding-right:var(--spacing-sm)!important}.pr-3{padding-right:var(--spacing-md)!important}.pr-4{padding-right:var(--spacing-lg)!important}.pr-5{padding-right:var(--spacing-xl)!important}.pr-6{padding-right:var(--spacing-2xl)!important}.pr-8{padding-right:var(--spacing-3xl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--spacing-xs)!important}.pb-2{padding-bottom:var(--spacing-sm)!important}.pb-3{padding-bottom:var(--spacing-md)!important}.pb-4{padding-bottom:var(--spacing-lg)!important}.pb-5{padding-bottom:var(--spacing-xl)!important}.pb-6{padding-bottom:var(--spacing-2xl)!important}.pb-8{padding-bottom:var(--spacing-3xl)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--spacing-xs)!important}.pl-2{padding-left:var(--spacing-sm)!important}.pl-3{padding-left:var(--spacing-md)!important}.pl-4{padding-left:var(--spacing-lg)!important}.pl-5{padding-left:var(--spacing-xl)!important}.pl-6{padding-left:var(--spacing-2xl)!important}.pl-8{padding-left:var(--spacing-3xl)!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-min{width:min-content!important}.w-max{width:max-content!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-min{height:min-content!important}.h-max{height:max-content!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.min-w-screen{min-width:100vw!important}.min-w-min{min-width:min-content!important}.min-w-max{min-width:max-content!important}.max-w-0{max-width:0!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.max-w-min{max-width:min-content!important}.max-w-max{max-width:max-content!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-h-min{min-height:min-content!important}.min-h-max{min-height:max-content!important}.max-h-0{max-height:0!important}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-h-min{max-height:min-content!important}.max-h-max{max-height:max-content!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.font-light,.font-normal{font-weight:var(--font-weight-normal)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.text-3xl{font-size:var(--font-size-3xl)!important}.text-4xl{font-size:var(--font-size-4xl)!important}.text-light{color:var(--text-light)!important}.text-dark{color:var(--text-dark)!important}.text-gray{color:var(--text-gray)!important}.text-muted{color:var(--text-muted)!important}.text-primary{color:var(--primary-green)!important}.text-success{color:var(--status-success)!important}.text-warning{color:var(--status-warning)!important}.text-error{color:var(--status-error)!important}.text-info{color:var(--status-info)!important}.bg-dark{background-color:var(--bg-dark)!important}.bg-light{background-color:var(--bg-light)!important}.bg-white{background-color:var(--bg-white)!important}.bg-primary{background-color:var(--primary-green)!important}.bg-success{background-color:var(--status-success)!important}.bg-warning{background-color:var(--status-warning)!important}.bg-error{background-color:var(--status-error)!important}.bg-info{background-color:var(--status-info)!important}.bg-transparent{background-color:#0000!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:6px!important}.rounded-md{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.rounded-xl{border-radius:16px!important}.rounded-2xl{border-radius:24px!important}.rounded-3xl{border-radius:32px!important}.rounded-full{border-radius:9999px!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-help{cursor:help!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-auto{z-index:auto!important}.z-index{z-index:100!important}.z-modal{z-index:1000!important}.z-dropdown{z-index:1001!important}.z-tooltip{z-index:1002!important}.z-notification{z-index:1003!important}.z-overlay{z-index:9999!important}.transition-none{transition:none!important}.transition-all{transition:all var(--duration-normal)var(--ease-out)!important}.transition-transforms{transition:transform var(--duration-normal)var(--ease-out)!important}.transition-opacity{transition:opacity var(--duration-normal)var(--ease-out)!important}.transition-colors{transition:color var(--duration-normal)var(--ease-out),background-color var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out)!important}.transition-shadow{transition:box-shadow var(--duration-normal)var(--ease-out)!important}.animate-none{animation:none!important}.animate-spin{animation:1s linear infinite spin!important}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse!important}.animate-bounce{animation:1s infinite bounce!important}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake!important}.animate-fade-in{animation:fadeIn .3s var(--ease-out)!important}.animate-fade-out{animation:fadeOut .3s var(--ease-out)!important}.animate-slide-in{animation:slideIn .3s var(--ease-out)!important}.animate-slide-out{animation:slideOut .3s var(--ease-out)!important}.animate-scale-in{animation:scaleIn .3s var(--ease-out)!important}.animate-scale-out{animation:scaleOut .3s var(--ease-out)!important}@media (prefers-reduced-motion:reduce){.animate-spin,.animate-pulse,.animate-bounce,.animate-shake{animation-duration:.01ms!important;animation-iteration-count:1!important}}