:root{--saas-primary:#6366f1;--saas-primary-light:#818cf8;--saas-primary-dark:#4f46e5;--saas-accent:#06b6d4;--saas-accent-light:#22d3ee;--saas-success:#10b981;--saas-warning:#f59e0b;--saas-sidebar-bg:#0f172a;--saas-sidebar-secondary:#1e293b;--saas-sidebar-hover:#334155;--saas-text-primary:#f8fafc;--saas-text-secondary:#cbd5e1;--saas-text-muted:#94a3b8;--saas-border:#94a3b81a;--saas-divider:#94a3b826}.sa-sidebar{border-left:1px solid var(--saas-border);isolation:isolate;z-index:30;background:linear-gradient(#6366f10d 0%,#0000 100%),linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;width:280px;height:100vh;padding:0;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-2px 0 12px #0000001a,inset 1px 0 #94a3b80d}.sa-sidebar:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#6366f114 0%,#0000 70%);height:200px;position:absolute;top:0;left:0;right:0}.sa-brand{z-index:1;border-bottom:1px solid var(--saas-divider);align-items:center;gap:14px;min-height:80px;padding:24px 20px;display:flex;position:relative}.sa-brand>span{background:linear-gradient(135deg, var(--saas-primary) 0%, var(--saas-accent) 100%);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-family:Space Grotesk,IBM Plex Sans Arabic,sans-serif;font-size:20px;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 4px 12px #6366f14d,0 0 0 4px #6366f11a}.sa-brand>span:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 20px #6366f166,0 0 0 4px #6366f126}.sa-brand>div{flex:1;min-width:0}.sa-brand strong{color:var(--saas-text-primary);letter-spacing:-.02em;margin-bottom:2px;font-family:Space Grotesk,IBM Plex Sans Arabic,sans-serif;font-size:18px;font-weight:700;display:block}.sa-brand small{color:var(--saas-text-muted);letter-spacing:.08em;text-transform:uppercase;text-align:right;direction:ltr;font-size:10px;font-weight:600;display:block}.sa-brand>span.sa-brand-logo.has-image{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:50%!important;padding:0!important}.sa-brand>span.sa-brand-logo.has-image img{object-fit:contain;mix-blend-mode:normal;background:0 0;border-radius:50%}.sa-nav-scroll{z-index:1;scrollbar-width:thin;scrollbar-color:var(--saas-primary) transparent;flex:1;padding:20px 12px 12px;position:relative;overflow:hidden auto}.sa-nav-scroll::-webkit-scrollbar{width:4px}.sa-nav-scroll::-webkit-scrollbar-track{background:0 0}.sa-nav-scroll::-webkit-scrollbar-thumb{background:var(--saas-primary);border-radius:10px}.sa-nav-scroll::-webkit-scrollbar-thumb:hover{background:var(--saas-primary-light)}.sa-nav-group{gap:3px;margin-bottom:24px;display:grid}.sa-nav-group>small{color:var(--saas-text-muted);letter-spacing:.05em;text-transform:uppercase;margin:0 12px 8px;font-size:11px;font-weight:600}.sa-nav-group a,.sa-nav-group button{width:100%;min-height:44px;color:var(--saas-text-secondary);font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.sa-nav-group a:hover,.sa-nav-group button:hover{color:var(--saas-text-primary);background:#94a3b814;transform:translate(-2px)}.sa-nav-group a.active,.sa-nav-group button.active{color:var(--saas-text-primary);background:linear-gradient(90deg,#6366f126 0%,#6366f10d 100%)}.sa-nav-group a.active:before,.sa-nav-group button.active:before{content:"";background:linear-gradient(180deg, var(--saas-primary) 0%, var(--saas-accent) 100%);border-radius:10px 0 0 10px;width:3px;height:60%;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 8px #6366f180}.sa-nav-group a svg,.sa-nav-group button svg{opacity:.7;flex-shrink:0;transition:opacity .2s,transform .2s}.sa-nav-group a:hover svg,.sa-nav-group a.active svg,.sa-nav-group button:hover svg,.sa-nav-group button.active svg{opacity:1}.sa-nav-group a.active svg,.sa-nav-group button.active svg{color:var(--saas-primary-light)}.sa-nav-group a span,.sa-nav-group button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sa-nav-group a b,.sa-nav-group button b{background:var(--saas-primary);color:#fff;border-radius:6px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10px;font-weight:700;display:grid;box-shadow:0 2px 4px #6366f14d}.sa-sidebar-footer{z-index:1;border-top:1px solid var(--saas-divider);gap:12px;margin-top:auto;padding:16px 12px 20px;display:grid;position:relative}.sa-secure{color:var(--saas-text-secondary);background:#10b98114;border:1px solid #10b98126;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:11px;font-weight:500;display:flex}.sa-secure i{background:var(--saas-success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite saas-pulse;box-shadow:0 0 #10b981b3}@keyframes saas-pulse{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 6px #10b98100}}.sa-profile{color:var(--saas-text-primary);font:inherit;text-align:right;cursor:pointer;background:#94a3b80d;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.sa-profile:hover{background:#94a3b81a;transform:translateY(-1px)}.sa-profile>span{background:linear-gradient(135deg, var(--saas-primary) 0%, var(--saas-accent) 100%);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid;box-shadow:0 2px 8px #6366f14d,inset 0 -1px 2px #0003}.sa-profile>div{flex:1;min-width:0}.sa-profile strong{color:var(--saas-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;font-weight:600;display:block;overflow:hidden}.sa-profile small{color:var(--saas-text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;font-size:11px;display:block;overflow:hidden}.sa-profile>svg{opacity:.5;flex-shrink:0;transition:opacity .2s,transform .2s}.sa-profile:hover>svg{opacity:1;transform:translate(2px)}.sa-close{width:32px;height:32px;color:var(--saas-text-secondary);cursor:pointer;background:#94a3b81a;border:0;border-radius:8px;place-items:center;transition:all .2s;display:none;position:absolute;top:24px;left:16px}.sa-close:hover{color:var(--saas-text-primary);background:#94a3b826}.sa-main{min-height:100vh;margin-right:280px}@media (max-width:1100px){.sa-sidebar{width:260px}.sa-main{margin-right:260px}}@media (max-width:760px){.sa-sidebar{width:min(280px,85vw);transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(105%);box-shadow:-8px 0 24px #0000004d}.sa-sidebar.open{transform:translate(0)}.sa-main{margin-right:0}.sa-close{display:grid}}.sa-sidebar,.sa-brand>span,.sa-nav-group a,.sa-nav-group button,.sa-profile{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.sa-topbar{-webkit-backdrop-filter:blur(12px)saturate(180%)!important;backdrop-filter:blur(12px)saturate(180%)!important;background:#fffffff2!important;border-bottom:1px solid #e2e8f0cc!important}.sa-top-avatar{background:linear-gradient(135deg, var(--saas-primary) 0%, var(--saas-accent) 100%)!important;box-shadow:0 2px 8px #6366f140!important}.sa-stat-card{border:1px solid #e2e8f0cc!important;box-shadow:0 1px 3px #0000000d,0 10px 20px #00000005!important}.sa-stat-card:before{background:linear-gradient(90deg, var(--saas-primary) 0%, var(--saas-accent) 100%)!important}.sa-stat-card:hover{border-color:#6366f14d!important;box-shadow:0 4px 12px #6366f11a,0 20px 40px #0000000d!important}.sa-stat-icon.blue{color:var(--saas-primary)!important;background:#6366f11a!important}.sa-stat-icon.green{color:var(--saas-success)!important;background:#10b9811a!important}.sa-stat-icon.gold{color:var(--saas-warning)!important;background:#f59e0b1a!important}.sa-stat-icon.red{color:#ef4444!important;background:#ef44441a!important}.sa-button.primary{background:linear-gradient(135deg, var(--saas-primary) 0%, var(--saas-primary-dark) 100%)!important;border-color:var(--saas-primary)!important;box-shadow:0 4px 12px #6366f140,inset 0 1px #ffffff26!important}.sa-button.primary:hover{background:linear-gradient(135deg, var(--saas-primary-light) 0%, var(--saas-primary) 100%)!important;box-shadow:0 6px 16px #6366f159,inset 0 1px #ffffff26!important}.sa-panel{border:1px solid #e2e8f0cc!important;box-shadow:0 1px 3px #0000000d,0 10px 20px #00000005!important}
.sa-courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.sa-course-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sa-course-card:hover{border-color:#6366f166;transform:translateY(-6px);box-shadow:0 12px 32px #6366f11f,0 4px 12px #00000014}.sa-course-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);position:relative;overflow:hidden}.sa-course-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sa-course-card:hover .sa-course-thumbnail img{transform:scale(1.08)}.sa-course-status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #00000026}.sa-course-status-badge.published{color:#fff;background:#10b981e6}.sa-course-status-badge.draft{color:#fff;background:#64748be6}.sa-course-status-badge.pending{color:#fff;background:#f59e0be6}.sa-course-status-badge.approved{color:#fff;background:#10b981e6}.sa-course-status-badge.rejected{color:#fff;background:#ef4444e6}.sa-course-status-badge.archived{color:#fff;background:#64748be6}.sa-course-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.sa-course-body h3{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.sa-course-card:hover .sa-course-body h3{color:#6366f1}.sa-course-instructor{color:#64748b;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.sa-course-instructor-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.sa-course-meta{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.sa-course-price{flex-direction:column;gap:2px;display:flex}.sa-course-price strong{color:#0f172a;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.sa-course-price small{color:#94a3b8;font-size:11px}.sa-course-modules{color:#6366f1;background:#6366f114;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.sa-course-footer{justify-content:space-between;align-items:center;gap:12px;padding:0 20px 20px;display:flex}.sa-course-category{color:#06b6d4;background:#06b6d414;border-radius:8px;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.sa-course-card:hover .sa-course-category{color:#fff;background:#06b6d4;transform:scale(1.05)}.sa-course-commission{color:#f59e0b;background:#f59e0b14;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.sa-course-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:3;background:#0f172ad9;justify-content:center;align-items:center;gap:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.sa-course-card:hover .sa-course-actions{opacity:1}.sa-course-actions button{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;transform:translateY(8px)}.sa-course-card:hover .sa-course-actions button{transform:translateY(0)}.sa-course-actions button:first-child{transition-delay:50ms}.sa-course-actions button:nth-child(2){transition-delay:.1s}.sa-course-actions button:nth-child(3){transition-delay:.15s}.sa-course-actions .sa-action-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d}.sa-course-actions .sa-action-primary:hover{background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.sa-course-actions .sa-action-secondary{color:#0f172a;background:#fffffff2;box-shadow:0 4px 12px #0000001a}.sa-course-actions .sa-action-secondary:hover{background:#fff;transform:translateY(-2px)}.sa-courses-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sa-courses-search-bar{flex:1;align-items:center;gap:12px;max-width:600px;display:flex}.sa-courses-search{flex:1;align-items:center;display:flex;position:relative}.sa-courses-search input{color:#0f172a;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;width:100%;height:44px;padding:0 16px 0 44px;font-size:14px;transition:all .2s}.sa-courses-search input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.sa-courses-search svg{color:#94a3b8;pointer-events:none;position:absolute;left:16px}.sa-courses-filter{position:relative}.sa-courses-filter select{color:#0f172a;cursor:pointer;appearance:none;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;height:44px;padding:0 40px 0 16px;font-size:14px;font-weight:500;transition:all .2s}.sa-courses-filter select:hover{border-color:#6366f1}.sa-courses-filter select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.sa-courses-filter:after{content:"";pointer-events:none;border-top:5px solid #64748b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sa-courses-empty{text-align:center;background:radial-gradient(circle at 50% 0,#6366f108 0%,#0000 50%),#fafbfc;border:2px dashed #e2e8f0cc;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:500px;padding:60px 20px;display:flex}.sa-courses-empty-icon{color:#6366f1;background:linear-gradient(135deg,#6366f11a,#06b6d41a);border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.sa-courses-empty-icon svg{width:60px;height:60px}.sa-courses-empty h3{color:#0f172a;margin:0;font-size:24px;font-weight:700}.sa-courses-empty p{color:#64748b;max-width:400px;margin:0;font-size:15px;line-height:1.6}.sa-courses-empty button{margin-top:8px}.sa-courses-skeleton{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.sa-course-skeleton-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;overflow:hidden}.sa-course-skeleton-thumbnail{aspect-ratio:16/9;background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.sa-course-skeleton-body{flex-direction:column;gap:12px;padding:20px;display:flex}.sa-course-skeleton-title{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:6px;width:80%;height:20px;animation:1.5s ease-in-out infinite shimmer}.sa-course-skeleton-subtitle{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:6px;width:60%;height:16px;animation:1.5s ease-in-out .1s infinite shimmer}.sa-course-skeleton-instructor{align-items:center;gap:8px;margin-top:8px;display:flex}.sa-course-skeleton-avatar{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:50%;width:28px;height:28px;animation:1.5s ease-in-out .2s infinite shimmer}.sa-course-skeleton-name{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:6px;width:100px;height:14px;animation:1.5s ease-in-out .3s infinite shimmer}.sa-course-skeleton-footer{border-top:1px solid #f1f5f9;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;display:flex}.sa-course-skeleton-badge{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:8px;width:80px;height:24px;animation:1.5s ease-in-out .4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.sa-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width:768px){.sa-courses-grid{grid-template-columns:1fr;gap:16px}.sa-courses-header{flex-direction:column;align-items:stretch}.sa-courses-search-bar{flex-direction:column;max-width:none}.sa-course-actions{flex-direction:column;padding:20px}.sa-course-actions button{width:100%}}.sa-course-card,.sa-course-thumbnail img,.sa-course-actions button{will-change:transform;backface-visibility:hidden}.sa-course-publishing-box{background:#f8fbfd;border:1px solid #dce7f2;border-radius:8px;gap:12px;padding:16px;display:grid}.sa-course-publishing-box>strong{color:#22344e;font-size:14px}.sa-course-readiness{color:#92400e;background:#fffbeb;border-inline-start:3px solid #d97706;border-radius:6px;gap:5px;padding:14px 16px;font-size:12px;display:grid}.sa-course-readiness.ready{color:#065f46;background:#ecfdf5;border-inline-start-color:#059669}.sa-course-readiness strong{font-size:13px}.sa-course-readiness span{color:#64748b}.sa-course-readiness small{color:inherit;text-transform:capitalize}
.sa-course-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:32px 0;display:grid}.sa-course-stat{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sa-course-stat:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014,0 4px 12px #0000000a}.sa-course-stat:before{content:"";opacity:.08;z-index:0;border-radius:50%;width:120px;height:120px;transition:opacity .3s;position:absolute;top:0;right:0}.sa-course-stat:hover:before{opacity:.12}.sa-course-stat:first-child:before{background:linear-gradient(135deg,#6366f1,#4f46e5)}.sa-course-stat:nth-child(2):before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.sa-course-stat:nth-child(3):before{background:linear-gradient(135deg,#14b8a6,#0d9488)}.sa-course-stat:nth-child(4):before{background:linear-gradient(135deg,#10b981,#059669)}.sa-stat-icon{z-index:1;border-radius:12px;flex-shrink:0;place-items:center;width:56px;height:56px;transition:all .3s;display:grid;position:relative;box-shadow:0 4px 12px #00000014,inset 0 -2px 4px #0000001a}.sa-course-stat:hover .sa-stat-icon{transform:scale(1.08);box-shadow:0 6px 16px #0000001f,inset 0 -2px 4px #00000026}.sa-stat-icon.modules{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.sa-stat-icon.videos{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.sa-stat-icon.duration{color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)}.sa-stat-icon.ready{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.sa-stat-content{z-index:1;flex-direction:column;gap:4px;display:flex}.sa-stat-content strong{color:#0f172a;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;line-height:1}.sa-stat-content small{color:#64748b;font-size:13px;font-weight:500}.sa-module-panel{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sa-module-panel:hover{border-color:#6366f14d;box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005}.sa-module-header{cursor:pointer;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:24px;transition:background .2s;display:flex}.sa-module-panel.expanded .sa-module-header{background:linear-gradient(90deg,#6366f105 0%,#0000 100%);border-bottom-color:#f1f5f9}.sa-module-header:hover{background:#f8fafccc}.sa-module-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sa-module-info .sa-kicker{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;background:#6366f114;border-radius:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700}.sa-module-info h2{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sa-module-info p{color:#64748b;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.sa-row-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sa-icon-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:8px;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.sa-icon-button:hover:not(:disabled){color:#6366f1;background:#f8fafc;border-color:#6366f1;transform:scale(1.05)}.sa-icon-button:disabled{opacity:.4;cursor:not-allowed}.sa-icon-button.danger:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.sa-video-list{grid-template-columns:1fr;gap:12px;padding:20px 24px 24px;display:grid}.sa-video-row{background:#fafbfc;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.sa-video-row:hover{background:#fff;border-color:#6366f14d;transform:translate(-2px);box-shadow:0 2px 8px #0000000a,0 1px 4px #00000005}.sa-video-order{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid;box-shadow:0 2px 8px #6366f140}.sa-video-icon-wrapper{color:#06b6d4;background:#06b6d414;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.sa-video-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sa-video-main strong{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sa-video-main small{color:#64748b;font-size:12px}.sa-video-status{white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.sa-video-status i{border-radius:50%;width:6px;height:6px}.sa-video-status.success{color:#10b981;background:#10b98114;border:1px solid #10b98126}.sa-video-status.success i{background:#10b981;box-shadow:0 0 0 2px #10b98126}.sa-video-status.warning{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b26}.sa-video-status.warning i{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.sa-video-status.info{color:#06b6d4;background:#06b6d414;border:1px solid #06b6d426}.sa-video-status.info i{background:#06b6d4;animation:2s ease-in-out infinite pulse-info;box-shadow:0 0 0 2px #06b6d426}.sa-video-status.danger{color:#ef4444;background:#ef444414;border:1px solid #ef444426}.sa-video-status.danger i{background:#ef4444}@keyframes pulse-info{0%,to{opacity:1}50%{opacity:.5}}.sa-empty-modules{text-align:center;background:radial-gradient(circle at 50% 0,#6366f108 0%,#0000 50%),#fafbfc;border:2px dashed #e2e8f0cc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;padding:60px 20px;display:flex}.sa-empty-modules svg{color:#94a3b8;opacity:.5;width:64px;height:64px}.sa-empty-modules strong{color:#0f172a;font-size:20px;font-weight:700}.sa-empty-modules span{color:#64748b;font-size:14px}.sa-empty-videos{text-align:center;background:#f8fafc;border-top:1px solid #f1f5f9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.sa-empty-videos svg{color:#94a3b8;opacity:.4;width:48px;height:48px}.sa-empty-videos strong{color:#0f172a;font-size:16px;font-weight:600}.sa-empty-videos span{color:#64748b;font-size:13px}.sa-upload-progress{background:#6366f10d;border:1px solid #6366f126;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative;overflow:hidden}.sa-upload-progress span{background:linear-gradient(90deg,#6366f1 0%,#818cf8 100%);border-radius:12px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.sa-upload-progress small{z-index:1;color:#0f172a;mix-blend-mode:difference;font-size:13px;font-weight:700;position:relative}.sa-content-backbar{margin-bottom:16px}.sa-back-link{color:#64748b;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.sa-back-link:hover{color:#6366f1;background:#f8fafccc;transform:translate(4px)}.sa-content-stack{flex-direction:column;gap:16px;margin-top:24px;display:flex}@media (max-width:768px){.sa-course-stats-grid{grid-template-columns:1fr;gap:12px}.sa-module-header{flex-direction:column;align-items:flex-start;gap:16px}.sa-row-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.sa-video-row{flex-wrap:wrap;gap:12px}.sa-video-main{flex-basis:100%}}.sa-course-stat,.sa-module-panel,.sa-video-row{will-change:transform;backface-visibility:hidden}.sa-stat-icon,.sa-icon-button{will-change:transform}
:root{--brand-purple:#7c3aed;--brand-purple-light:#8b5cf6;--brand-purple-dark:#6d28d9;--brand-purple-hover:#7c3aed;--lavender-50:#faf5ff;--lavender-100:#f3e8ff;--lavender-200:#e9d5ff;--lavender-300:#d8b4fe;--bg-page:#fafbfc;--bg-surface:#fff;--bg-card:#fff;--bg-hover:#f9fafb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-link:#7c3aed;--status-success:#10b981;--status-success-bg:#d1fae5;--status-warning:#f59e0b;--status-warning-bg:#fef3c7;--status-danger:#ef4444;--status-danger-bg:#fee2e2;--status-info:#3b82f6;--status-info-bg:#dbeafe;--status-neutral:#64748b;--status-neutral-bg:#f1f5f9;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}.sa-breadcrumb{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg);color:var(--text-muted);font-size:13px;display:flex}.sa-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.sa-breadcrumb a:hover{color:var(--brand-purple)}.sa-breadcrumb svg{flex-shrink:0}.sa-breadcrumb strong{color:var(--text-primary);font-weight:600}.sa-course-header{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.sa-course-header-top{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.sa-course-header-info{flex:1;min-width:0}.sa-course-header-title{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2}.sa-course-header-description{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:15px;line-height:1.6}.sa-course-header-meta{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.sa-course-meta-item{align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:13px;display:flex}.sa-course-meta-item strong{color:var(--text-primary);font-weight:600}.sa-course-header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.sa-course-tabs{align-items:center;gap:var(--space-md);border-bottom:2px solid var(--border-light);margin-bottom:var(--space-xl);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.sa-course-tabs::-webkit-scrollbar{height:4px}.sa-course-tabs::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.sa-course-tab{padding:var(--space-md) var(--space-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:14px;font-weight:600;transition:color .2s;position:relative}.sa-course-tab:hover{color:var(--text-primary)}.sa-course-tab.active{color:var(--brand-purple)}.sa-course-tab.active:after{content:"";background:var(--brand-purple);height:2px;position:absolute;bottom:-2px;left:0;right:0}.sa-premium-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.sa-premium-stat{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sa-premium-stat:hover{box-shadow:var(--shadow-md);border-color:var(--lavender-200);transform:translateY(-2px)}.sa-premium-stat-icon{border-radius:var(--radius-md);z-index:1;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;position:relative}.sa-premium-stat-icon.modules{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-purple-light) 100%);color:#fff;box-shadow:0 4px 12px #7c3aed40}.sa-premium-stat-icon.videos{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);box-shadow:0 4px 12px #3b82f640}.sa-premium-stat-icon.duration{color:#fff;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);box-shadow:0 4px 12px #10b98140}.sa-premium-stat-icon.ready{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);box-shadow:0 4px 12px #f59e0b40}.sa-premium-stat-content{flex-direction:column;flex:1;gap:4px;display:flex}.sa-premium-stat-value{color:var(--text-primary);font-family:Space Grotesk,-apple-system,system-ui,sans-serif;font-size:28px;font-weight:700;line-height:1}.sa-premium-stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.sa-premium-stat-progress{top:50%;left:var(--space-md);width:56px;height:56px;position:absolute;transform:translateY(-50%)}.sa-premium-stat-progress svg{transform:rotate(-90deg)}.sa-premium-stat-progress-bg{fill:none;stroke:var(--lavender-200);stroke-width:4px}.sa-premium-stat-progress-fill{fill:none;stroke:url(#progressGradient);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .6s}.sa-premium-stat-progress-text{color:var(--brand-purple);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sa-content-builder-header{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.sa-content-builder-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.sa-content-builder-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.sa-bulk-actions{align-items:center;gap:var(--space-xs);padding:0 var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface);height:40px;color:var(--text-secondary);opacity:0;pointer-events:none;font-size:13px;font-weight:500;transition:opacity .2s;display:flex}.sa-bulk-actions.active{opacity:1;pointer-events:auto}.sa-unit-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sa-unit-card:hover{border-color:var(--lavender-300);box-shadow:var(--shadow-md)}.sa-unit-card.expanded{border-color:var(--lavender-200)}.sa-unit-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);cursor:pointer;background:linear-gradient(90deg, var(--lavender-50) 0%, transparent 100%);transition:background .2s;display:flex}.sa-unit-header:hover{background:linear-gradient(90deg, var(--lavender-100) 0%, var(--lavender-50) 100%)}.sa-unit-drag-handle{width:24px;height:24px;color:var(--text-muted);cursor:grab;flex-shrink:0;place-items:center;transition:color .2s;display:grid}.sa-unit-drag-handle:hover{color:var(--brand-purple)}.sa-unit-drag-handle:active{cursor:grabbing}.sa-unit-number{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-purple-light) 100%);color:#fff;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:grid;box-shadow:0 4px 12px #7c3aed40}.sa-unit-info{flex:1;min-width:0}.sa-unit-title{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.4}.sa-unit-meta{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:13px;display:flex}.sa-unit-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.sa-unit-expand{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .2s;display:grid}.sa-unit-expand:hover{background:var(--lavender-100);color:var(--brand-purple)}.sa-unit-expand svg{transition:transform .3s}.sa-unit-card.expanded .sa-unit-expand svg{transform:rotate(180deg)}.sa-video-grid{padding:0 var(--space-lg) var(--space-lg)}.sa-video-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all .2s;display:flex}.sa-video-item:hover{background:var(--bg-surface);border-color:var(--lavender-200);box-shadow:var(--shadow-sm);transform:translate(-2px)}.sa-video-checkbox{border:2px solid var(--border-medium);cursor:pointer;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s}.sa-video-checkbox:checked{background:var(--brand-purple);border-color:var(--brand-purple)}.sa-video-drag{width:20px;height:20px;color:var(--text-muted);cursor:grab;flex-shrink:0;place-items:center;display:grid}.sa-video-drag:hover{color:var(--brand-purple)}.sa-video-drag:active{cursor:grabbing}.sa-video-thumbnail{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-purple-light) 100%);color:#fff;flex-shrink:0;place-items:center;width:80px;height:45px;display:grid;position:relative;overflow:hidden}.sa-video-thumbnail img{object-fit:cover;width:100%;height:100%}.sa-video-thumbnail-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);color:#fff;background:#0009;place-items:center;width:24px;height:24px;display:grid;position:absolute}.sa-video-content{flex:1;min-width:0}.sa-video-title{color:var(--text-primary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sa-video-info{align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:12px;display:flex}.sa-video-status-badge{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.sa-video-status-badge.published{background:var(--status-success-bg);color:var(--status-success)}.sa-video-status-badge.draft{background:var(--status-neutral-bg);color:var(--status-neutral)}.sa-video-status-badge.processing{background:var(--status-warning-bg);color:var(--status-warning)}.sa-video-status-badge.failed{background:var(--status-danger-bg);color:var(--status-danger)}.sa-video-status-badge i{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.sa-video-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.sa-add-video-area{margin:var(--space-md) var(--space-lg) var(--space-lg);padding:var(--space-xl);border:2px dashed var(--border-medium);border-radius:var(--radius-md);background:var(--lavender-50);text-align:center;cursor:pointer;transition:all .2s}.sa-add-video-area:hover{border-color:var(--brand-purple);background:var(--lavender-100)}.sa-add-video-area-text{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--brand-purple);font-size:14px;font-weight:600;display:flex}.sa-empty-premium{justify-content:center;align-items:center;gap:var(--space-lg);min-height:400px;padding:var(--space-2xl);border:2px dashed var(--border-light);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--lavender-50) 0%, var(--bg-surface) 100%);text-align:center;flex-direction:column;display:flex}.sa-empty-premium-icon{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--lavender-100), var(--lavender-200));width:80px;height:80px;color:var(--brand-purple);place-items:center;display:grid}.sa-empty-premium-icon svg{width:40px;height:40px}.sa-empty-premium-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.sa-empty-premium-text{color:var(--text-secondary);max-width:400px;margin:0;font-size:14px;line-height:1.6}.sa-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;height:40px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.sa-btn-primary{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-purple-light) 100%);color:#fff;box-shadow:0 2px 8px #7c3aed40}.sa-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.sa-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light)}.sa-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium)}.sa-btn-ghost{color:var(--text-secondary);background:0 0}.sa-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.sa-btn-sm{height:32px;padding:0 var(--space-sm);font-size:13px}.sa-btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;place-items:center;padding:0;transition:all .2s;display:grid}.sa-btn-icon:hover:not(:disabled){background:var(--bg-hover);border-color:var(--brand-purple);color:var(--brand-purple)}.sa-btn-icon:disabled{opacity:.4;cursor:not-allowed}.sa-btn-icon.danger:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}.sa-modal-premium .sa-modal-header{border-bottom:1px solid var(--border-light);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.sa-modal-premium .sa-modal-title{color:var(--text-primary);font-size:20px;font-weight:700}.sa-modal-premium .sa-modal-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}@media (max-width:1024px){.sa-premium-stats{grid-template-columns:repeat(2,1fr)}.sa-course-header{padding:var(--space-lg)}.sa-course-header-title{font-size:24px}}@media (max-width:768px){.sa-premium-stats{grid-template-columns:1fr}.sa-course-header-top{flex-direction:column}.sa-course-header-actions{width:100%}.sa-course-tabs{gap:var(--space-sm)}.sa-course-tab{padding:var(--space-sm);font-size:13px}.sa-content-builder-header,.sa-content-builder-actions{flex-direction:column;align-items:stretch}.sa-btn,.sa-btn-primary,.sa-btn-secondary{width:100%}.sa-unit-header{flex-wrap:wrap}.sa-unit-actions{justify-content:flex-end;width:100%}.sa-video-item{flex-wrap:wrap}.sa-video-content{flex-basis:100%}.sa-video-actions{justify-content:flex-end;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sa-unit-card,.sa-video-item,.sa-premium-stat{animation:.3s fadeIn}.sa-btn:focus-visible,.sa-btn-icon:focus-visible,.sa-video-checkbox:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.sa-unit-header:focus-visible{outline:2px solid var(--brand-purple);outline-offset:-2px}.sa-unit-card,.sa-video-item,.sa-premium-stat,.sa-btn,.sa-btn-icon{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.sa-course-title-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sa-course-status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.sa-course-status-pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.sa-course-status-pill.published{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.sa-course-status-pill.processing{color:#b45309;background:#fffbeb;border-color:#fde68a}.sa-course-status-pill.failed{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.sa-course-status-pill.draft,.sa-course-status-pill.archived{color:#475569;background:#f8fafc;border-color:#e2e8f0}.sa-course-header-actions>a{text-decoration:none}.sa-course-more-wrap{position:relative}.sa-course-more-menu{z-index:20;top:calc(100% + 8px);border:1px solid var(--border-light);background:var(--bg-surface);width:220px;box-shadow:var(--shadow-lg);border-radius:8px;padding:6px;position:absolute;inset-inline-end:0}.sa-course-more-menu button{width:100%;min-height:38px;color:var(--text-secondary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-size:13px;display:flex}.sa-course-more-menu button:hover,.sa-course-more-menu button:focus-visible{background:var(--lavender-50);color:var(--brand-purple-dark)}.sa-course-tab.is-disabled{cursor:not-allowed;opacity:.5}.sa-load-error{color:#b91c1c;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.sa-load-error>div{flex:1;min-width:0}.sa-load-error strong{color:#991b1b;margin-bottom:3px;font-size:14px;display:block}.sa-load-error p{color:#7f1d1d;margin:0;font-size:13px}.sa-upload-progress[role=progressbar]{border:1px solid var(--lavender-200);background:var(--lavender-50);border-radius:8px;min-height:62px;padding:10px 12px;display:block}.sa-upload-progress[role=progressbar]>span{background:var(--brand-purple);border-radius:99px;height:6px;margin-bottom:8px;transition:width .2s;display:block}.sa-upload-progress[role=progressbar]>div{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.sa-upload-progress[role=progressbar] strong{color:var(--text-primary);font-size:13px}@media (max-width:768px){.sa-course-header-top{gap:16px}.sa-course-header-actions{grid-template-columns:1fr 1fr 40px;width:100%;display:grid}.sa-course-header-actions .sa-btn{width:100%;padding-inline:8px;font-size:12px}.sa-course-more-menu{width:min(220px,100vw - 48px)}.sa-unit-header{padding:var(--space-md);gap:10px}.sa-unit-drag-handle{display:none}.sa-unit-number{width:38px;height:38px;font-size:11px}.sa-unit-info{flex-basis:calc(100% - 54px)}.sa-video-item{align-items:flex-start;gap:10px;padding:12px}.sa-video-content{flex:calc(100% - 110px)}.sa-video-status-badge{order:4;margin-inline-start:30px}.sa-video-actions{border-top:1px solid var(--border-light);justify-content:flex-end;width:100%;padding-top:4px}.sa-video-grid{padding:0 12px 12px}.sa-add-video-area{margin:12px 0 0;padding:16px}.sa-load-error{flex-wrap:wrap;align-items:flex-start}.sa-load-error .sa-btn{width:100%}}@media (max-width:480px){.sa-course-header{padding:16px}.sa-course-header-title{font-size:22px}.sa-course-header-meta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sa-course-header-actions{grid-template-columns:1fr}.sa-course-header-actions .sa-btn-icon{width:100%}.sa-video-thumbnail{width:64px;height:36px}.sa-video-content{flex-basis:calc(100% - 78px)}}@media (prefers-reduced-motion:reduce){.sa-course-content-premium *,.sa-course-content-premium :before,.sa-course-content-premium :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sa-content-tools{border:1px solid var(--border-light);background:#fff;border-radius:8px;align-items:center;gap:10px;margin:0 0 18px;padding:10px;display:flex}.sa-content-search,.sa-content-filter{min-height:38px;color:var(--text-muted);align-items:center;gap:8px;display:flex}.sa-content-search{border:1px solid var(--border-light);background:#f8fafc;border-radius:6px;flex:1;min-width:220px;padding:0 11px}.sa-content-search:focus-within{border-color:var(--brand-purple);background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.sa-content-search input{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.sa-content-filter{border:1px solid var(--border-light);background:#fff;border-radius:6px;padding:0 10px}.sa-content-filter select{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:13px}.sa-selection-toolbar{min-height:38px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding-inline-start:8px;display:flex}.sa-selection-toolbar strong{color:var(--brand-purple-dark);font-size:13px}.sa-selection-toolbar button{border:1px solid var(--border-light);min-height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.sa-selection-toolbar button:hover:not(:disabled){border-color:var(--brand-purple);color:var(--brand-purple-dark)}.sa-selection-toolbar button.danger:hover:not(:disabled){border-color:var(--status-danger);color:var(--status-danger);background:var(--status-danger-bg)}.sa-selection-toolbar button:disabled{opacity:.5;cursor:not-allowed}.sa-selection-clear{justify-content:center;width:30px;padding:0!important}.sa-video-select{width:17px;height:17px;accent-color:var(--brand-purple);cursor:pointer;flex-shrink:0}.sa-video-item{cursor:grab}.sa-video-item:active{cursor:grabbing}.sa-video-item.is-selected{border-color:var(--brand-purple);background:var(--lavender-50);box-shadow:0 0 0 2px #7c3aed1a}.sa-filter-empty{min-height:72px;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.sa-unit-card[draggable=true]{cursor:grab}.sa-unit-card[draggable=true]:active{cursor:grabbing}@media (max-width:768px){.sa-content-tools{flex-wrap:wrap;align-items:stretch;padding:8px}.sa-content-search{min-width:100%}.sa-content-filter{flex:1}.sa-selection-toolbar{border-top:1px solid var(--border-light);flex-wrap:wrap;flex-basis:100%;padding:8px 0 0}.sa-selection-toolbar button{flex:1;justify-content:center}.sa-selection-clear{flex:0 0 30px!important}}
.sa-courses-page-header{margin-bottom:var(--space-xl,32px)}.sa-courses-page-title{margin:0 0 var(--space-sm,12px) 0;color:var(--text-primary,#0f172a);font-size:32px;font-weight:700;line-height:1.2}.sa-courses-page-description{color:var(--text-secondary,#475569);margin:0;font-size:15px;line-height:1.6}.sa-courses-toolbar{align-items:center;gap:var(--space-md,16px);margin-bottom:var(--space-xl,32px);flex-wrap:wrap;display:flex}.sa-courses-search{flex:1;min-width:300px;position:relative}.sa-courses-search input{width:100%;height:48px;padding:0 var(--space-md,16px) 0 48px;border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-md,12px);color:var(--text-primary,#0f172a);background:var(--bg-surface,#fff);font-size:14px;transition:all .2s}.sa-courses-search input:focus{border-color:var(--brand-purple,#7c3aed);outline:none;box-shadow:0 0 0 4px #7c3aed1a}.sa-courses-search input::placeholder{color:var(--text-muted,#94a3b8)}.sa-courses-search-icon{right:var(--space-md,16px);color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sa-courses-filter-select{height:48px;padding:0 var(--space-md,16px);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-md,12px);color:var(--text-primary,#0f172a);background:var(--bg-surface,#fff);cursor:pointer;min-width:180px;font-size:14px;font-weight:500;transition:all .2s}.sa-courses-filter-select:hover{border-color:var(--brand-purple,#7c3aed)}.sa-courses-filter-select:focus{border-color:var(--brand-purple,#7c3aed);outline:none;box-shadow:0 0 0 4px #7c3aed1a}.sa-courses-toolbar-actions{gap:var(--space-sm,12px);margin-right:auto;display:flex}.sa-courses-grid-premium{gap:var(--space-md,16px);margin-bottom:var(--space-xl,32px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.sa-course-card-premium{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-md,12px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sa-course-card-premium:hover{border-color:var(--lavender-200,#e9d5ff);transform:translateY(-4px);box-shadow:0 12px 24px #00000014,0 4px 12px #0000000a}.sa-course-thumbnail-premium{aspect-ratio:16/9;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.sa-course-thumbnail-premium img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sa-course-card-premium:hover .sa-course-thumbnail-premium img{transform:scale(1.08)}.sa-course-thumbnail-letter{color:#ffffffe6;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);place-items:center;width:100%;height:100%;font-size:56px;font-weight:900;display:grid}.sa-course-status-badge-premium{top:var(--space-sm,12px);right:var(--space-sm,12px);border-radius:var(--radius-full,9999px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 2px 8px #00000026}.sa-course-status-badge-premium i{border-radius:var(--radius-full,9999px);background:currentColor;width:5px;height:5px}.sa-course-status-badge-premium.published{color:#fff;background:#10b981f2}.sa-course-status-badge-premium.draft{color:#fff;background:#64748bf2}.sa-course-status-badge-premium.pending{color:#fff;background:#f59e0bf2}.sa-course-status-badge-premium.approved{color:#fff;background:#10b981f2}.sa-course-status-badge-premium.rejected{color:#fff;background:#ef4444f2}.sa-course-status-badge-premium.archived{color:#fff;background:#64748bf2}.sa-course-body-premium{padding:var(--space-md,16px);gap:var(--space-sm,12px);flex-direction:column;display:flex}.sa-course-title-premium{color:var(--text-primary,#0f172a);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:0;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.sa-course-instructor-premium{align-items:center;gap:var(--space-xs,8px);display:flex}.sa-course-instructor-avatar{border-radius:var(--radius-full,9999px);color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid;box-shadow:0 2px 8px #667eea40}.sa-course-instructor-name{color:var(--text-secondary,#475569);font-size:13px;font-weight:500}.sa-course-meta-premium{justify-content:space-between;align-items:center;gap:var(--space-sm,12px);padding-top:var(--space-sm,12px);border-top:1px solid var(--border-light,#e2e8f0);display:flex}.sa-course-price-premium{flex-direction:column;gap:2px;display:flex}.sa-course-price-value{color:var(--brand-purple,#7c3aed);font-family:Space Grotesk,-apple-system,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1}.sa-course-price-currency{color:var(--text-muted,#94a3b8);font-size:11px;font-weight:500}.sa-course-stats-premium{align-items:center;gap:var(--space-xs,8px);display:flex}.sa-course-stat-item{border-radius:var(--radius-sm,8px);background:var(--lavender-50,#faf5ff);color:var(--brand-purple,#7c3aed);align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.sa-course-stat-item svg{flex-shrink:0}.sa-course-footer-premium{justify-content:space-between;align-items:center;gap:var(--space-xs,8px);padding:0 var(--space-md,16px) var(--space-md,16px);display:flex}.sa-course-category-tag{border-radius:var(--radius-sm,8px);color:#0891b2;background:#06b6d41a;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.sa-course-card-premium:hover .sa-course-category-tag{color:#fff;background:#06b6d4;transform:scale(1.05)}.sa-course-commission-badge{border-radius:var(--radius-sm,8px);color:#f59e0b;background:#f59e0b1a;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.sa-course-actions-premium{justify-content:center;align-items:center;gap:var(--space-xs,8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;z-index:10;padding:var(--space-md,16px);background:#0f172aeb;transition:opacity .3s;display:flex;position:absolute;inset:0}.sa-course-card-premium:hover .sa-course-actions-premium{opacity:1}.sa-course-action-btn{justify-content:center;align-items:center;gap:var(--space-xs,8px);padding:0 var(--space-md,16px);border-radius:var(--radius-md,12px);cursor:pointer;white-space:nowrap;border:none;height:38px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;transform:translateY(10px)}.sa-course-card-premium:hover .sa-course-action-btn{transform:translateY(0)}.sa-course-action-btn:first-child{transition-delay:50ms}.sa-course-action-btn:nth-child(2){transition-delay:.1s}.sa-course-action-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);box-shadow:0 4px 12px #7c3aed66}.sa-course-action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed80}.sa-course-action-btn-secondary{color:#0f172a;background:#fffffff2;box-shadow:0 4px 12px #00000026}.sa-course-action-btn-secondary:hover{background:#fff;transform:translateY(-2px)}.sa-courses-empty-premium{justify-content:center;align-items:center;gap:var(--space-lg,24px);min-height:500px;padding:var(--space-2xl,48px);border:2px dashed var(--border-light,#e2e8f0);border-radius:var(--radius-xl,20px);background:linear-gradient(180deg, var(--lavender-50,#faf5ff) 0%, var(--bg-surface,#fff) 100%);text-align:center;flex-direction:column;display:flex}.sa-courses-empty-icon{border-radius:var(--radius-full,9999px);background:linear-gradient(135deg, var(--lavender-100,#f3e8ff), var(--lavender-200,#e9d5ff));width:96px;height:96px;color:var(--brand-purple,#7c3aed);place-items:center;display:grid}.sa-courses-empty-icon svg{width:48px;height:48px}.sa-courses-empty-title{color:var(--text-primary,#0f172a);margin:0;font-size:24px;font-weight:700}.sa-courses-empty-text{color:var(--text-secondary,#475569);max-width:400px;margin:0;font-size:15px;line-height:1.6}.sa-courses-skeleton-premium{gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.sa-course-skeleton-card-premium{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-md,12px);overflow:hidden}.sa-course-skeleton-thumbnail{aspect-ratio:16/9;background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.sa-course-skeleton-body{padding:var(--space-md,16px);gap:var(--space-sm,12px);flex-direction:column;display:flex}.sa-course-skeleton-title{border-radius:var(--radius-sm,8px);background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;width:85%;height:20px;animation:1.5s ease-in-out infinite shimmer}.sa-course-skeleton-instructor{align-items:center;gap:var(--space-xs,8px);display:flex}.sa-course-skeleton-avatar{border-radius:var(--radius-full,9999px);background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;width:28px;height:28px;animation:1.5s ease-in-out .1s infinite shimmer}.sa-course-skeleton-name{border-radius:var(--radius-sm,8px);background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;width:100px;height:14px;animation:1.5s ease-in-out .2s infinite shimmer}.sa-course-skeleton-meta{padding-top:var(--space-sm,12px);border-top:1px solid var(--border-light,#e2e8f0);justify-content:space-between;display:flex}.sa-course-skeleton-price{border-radius:var(--radius-sm,8px);background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;width:70px;height:24px;animation:1.5s ease-in-out .3s infinite shimmer}.sa-course-skeleton-stats{gap:var(--space-xs,8px);display:flex}.sa-course-skeleton-stat{border-radius:var(--radius-sm,8px);background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;width:50px;height:24px;animation:1.5s ease-in-out .4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.sa-courses-grid-premium{gap:var(--space-sm,12px);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.sa-courses-grid-premium,.sa-courses-skeleton-premium{gap:var(--space-md,16px);grid-template-columns:1fr}.sa-courses-toolbar{flex-direction:column;align-items:stretch}.sa-courses-search{min-width:100%}.sa-courses-filter-select{width:100%}.sa-courses-toolbar-actions{width:100%;margin-right:0}.sa-courses-page-title{font-size:24px}.sa-course-actions-premium{padding:var(--space-sm,12px);flex-direction:column}.sa-course-action-btn{width:100%}}.sa-course-card-premium,.sa-course-thumbnail-premium img,.sa-course-action-btn{will-change:transform;backface-visibility:hidden}.sa-courses-search input:focus-visible,.sa-courses-filter-select:focus-visible,.sa-course-action-btn:focus-visible{outline:2px solid var(--brand-purple,#7c3aed);outline-offset:2px}.sa-courses-catalog{color:#172033;gap:18px;display:grid}.sa-courses-catalog-head{justify-content:space-between;align-items:center;gap:24px;padding:2px 0 6px;display:flex}.sa-courses-catalog-head>div{min-width:0}.sa-courses-catalog-eyebrow{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600;display:inline-block}.sa-courses-catalog-head h1{color:#172033;margin:0;font-size:26px;font-weight:750;line-height:1.3}.sa-courses-catalog-head p{color:#667085;margin:5px 0 0;font-size:13px;line-height:1.6}.sa-courses-create{border-radius:7px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;display:inline-flex}.sa-courses-create:disabled{cursor:not-allowed;opacity:.55}.sa-courses-no-instructors{color:#704c12;background:#fff9eb;border:1px solid #f2d39b;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:12px;display:flex}.sa-courses-no-instructors a{color:#1556a8;text-underline-offset:3px;flex:none;font-weight:700;text-decoration:underline}.sa-courses-controls{background:#fff;border:1px solid #e1e7ef;border-radius:8px;align-items:end;gap:12px;padding:14px;display:flex}.sa-courses-search-v2{color:#475467;flex:1;gap:6px;min-width:220px;font-size:11px;font-weight:650;display:grid}.sa-courses-search-field{color:#667085;background:#fff;border:1px solid #d8e0eb;border-radius:6px;align-items:center;gap:9px;min-height:42px;padding:0 11px;transition:border-color .16s,box-shadow .16s;display:flex}.sa-courses-search-field:focus-within{border-color:#3268c8;box-shadow:0 0 0 3px #3268c81f}.sa-courses-search-field>svg{color:#7b8798;flex:none}.sa-courses-search-field input{color:#172033;width:100%;min-width:0;height:40px;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:13px}.sa-courses-search-field input::placeholder{color:#98a2b3}.sa-courses-search-field button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:30px;height:30px;display:grid}.sa-courses-search-field button:hover{color:#172033;background:#f1f4f8}.sa-courses-status-filter{color:#475467;flex:none;gap:6px;min-width:180px;font-size:11px;font-weight:650;display:grid}.sa-courses-status-filter select{color:#172033;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d8e0eb;border-radius:6px;padding:0 11px;font-size:13px}.sa-courses-reset{color:#475467;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e0eb;border-radius:6px;padding:0 12px;font-size:12px;font-weight:650}.sa-courses-reset:hover{background:#f8fafc;border-color:#aab7c8}.sa-courses-results-bar{color:#667085;justify-content:space-between;align-items:center;gap:12px;min-height:20px;font-size:12px;display:flex}.sa-courses-results-bar strong{color:#172033;font-variant-numeric:tabular-nums;font-size:13px}.sa-courses-refreshing{color:#315ca8;align-items:center;gap:7px;display:inline-flex}.sa-courses-refreshing:before{content:"";background:#3b82c4;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite sa-course-refresh-pulse}.sa-courses-load-error{color:#a22d2d;background:#fff6f5;border:1px solid #f2c5c5;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:12px;display:flex}.sa-courses-load-error button{color:#8c2424;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.sa-courses-table-wrap{background:#fff;border:1px solid #e1e7ef;border-radius:8px;overflow-x:auto}.sa-courses-table{border-collapse:collapse;text-align:right;direction:rtl;width:100%;min-width:1280px}.sa-courses-table th{color:#667085;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e6ebf2;height:44px;padding:0 14px;font-size:11px;font-weight:700}.sa-courses-table td{color:#344054;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:12px 14px;font-size:12px}.sa-courses-table tbody tr:last-child td{border-bottom:0}.sa-courses-table tbody tr{transition:background-color .15s}.sa-courses-table tbody tr:hover{background:#fafcff}.sa-course-entry{align-items:center;gap:11px;min-width:255px;display:flex}.sa-course-entry-image{color:#55709a;background:#f1f5fa;border:1px solid #e5eaf1;border-radius:5px;flex:none;place-items:center;width:58px;height:42px;display:grid;overflow:hidden}.sa-course-entry-image img{object-fit:cover;width:100%;height:100%;display:block}.sa-course-entry-copy{gap:3px;min-width:0;display:grid}.sa-course-entry-copy>strong{color:#1d2939;text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:13px;font-weight:700;line-height:1.45;overflow:hidden}.sa-course-entry-copy>span{color:#98a2b3;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:10px;overflow:hidden}.sa-course-entry-copy>small{color:#667085;align-items:center;gap:6px;font-size:11px;display:flex}.sa-course-entry-copy>small i{color:#355d9e;background:#e9eff8;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;font-weight:700;display:grid}.sa-course-category{color:#475467;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.sa-course-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.sa-course-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.sa-course-status.draft{color:#475467;background:#f2f4f7;border-color:#e4e7ec}.sa-course-status.pending-review{color:#8a5a00;background:#fff8e8;border-color:#f4daa9}.sa-course-status.approved,.sa-course-status.published{color:#087443;background:#edfaf3;border-color:#b7e5d2}.sa-course-status.rejected{color:#aa3029;background:#fff3f2;border-color:#f3c7c5}.sa-course-status.archived{color:#526078;background:#f4f6f9;border-color:#d8dee8}.sa-course-price-info{white-space:nowrap;gap:4px;display:grid}.sa-course-price-info strong{color:#1d2939;font-variant-numeric:tabular-nums;font-size:13px}.sa-course-price-info strong small{color:#667085;font-size:10px;font-weight:600}.sa-course-price-info>span{color:#7a8494;font-size:10px}.sa-course-counts{white-space:nowrap;gap:6px;display:grid}.sa-course-counts span{color:#667085;align-items:center;gap:6px;font-size:11px;display:inline-flex}.sa-course-counts svg{color:#54719c}.sa-course-sections-cell{gap:8px;min-width:190px;display:grid}.sa-course-section-pills{flex-wrap:wrap;gap:5px;min-width:0;max-width:100%;display:flex}.sa-course-section-pill{box-sizing:border-box;color:#28559b;text-overflow:ellipsis;white-space:nowrap;background:#f2f7ff;border:1px solid #c7d8f4;border-radius:999px;width:fit-content;min-width:0;max-width:100%;padding:4px 7px;font-size:10px;line-height:1.2;display:inline-flex;overflow:hidden}.sa-course-section-pill.is-package{color:#6047ad;background:#f8f5ff;border-color:#ddd5ff}.sa-course-section-empty{color:#98a2b3;font-size:10px}.sa-course-sections-button{color:#2456a6;width:fit-content;max-width:100%;min-height:30px;font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #b7c9e6;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:700;transition:background-color .15s,border-color .15s;display:inline-flex;overflow:hidden}.sa-course-sections-button:hover{background:#f1f6ff;border-color:#2456a6}.sa-course-package-cell,.sa-course-promotion-cell{gap:8px;min-width:170px;display:grid}.sa-course-package-pills,.sa-course-promotion-pills{flex-wrap:wrap;gap:5px;display:flex}.sa-course-package-pill,.sa-course-promotion-badge{color:#344054;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #d9e3f2;border-radius:999px;align-items:center;max-width:180px;min-height:24px;padding:0 8px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex;overflow:hidden}.sa-course-package-pill{color:#6047ad;background:#f8f5ff;border-color:#ddd5ff}.sa-course-promotion-badge.is-featured{color:#9a5b00;background:#fff8e8;border-color:#f4d59b}.sa-course-promotion-badge.is-visible{color:#087443;background:#edfaf3;border-color:#b7e5d2}.sa-course-promotion-badge.is-hidden{color:#667085;background:#f2f4f7;border-color:#e4e7ec}.sa-course-promotion-badge.is-package{color:#28559b;background:#f2f7ff;border-color:#c7d8f4}.sa-course-promotion-badge.is-custom{color:#9c276e;background:#fff4fb;border-color:#f2c6e4}.sa-course-promotion-form{gap:13px;display:grid}.sa-course-promotion-toggle{color:#344054;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.sa-course-promotion-toggle:has(input:checked){background:#f5f8ff;border-color:#b7c9e6;box-shadow:inset 3px 0 #2456a6}.sa-course-promotion-toggle span{gap:4px;display:grid}.sa-course-promotion-toggle strong{color:#253858;font-size:12px}.sa-course-promotion-toggle small{color:#7a8494;font-size:10px;line-height:1.55}.sa-course-promotion-toggle input{accent-color:#2456a6;flex:none;width:18px;height:18px}.sa-course-package-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:360px;padding:2px;display:grid;overflow:auto}.sa-course-package-option{color:#344054;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:7px;align-items:center;gap:9px;min-height:58px;padding:10px 11px;display:flex}.sa-course-package-option:has(input:checked){background:#f5f8ff;border-color:#b7c9e6;box-shadow:inset 3px 0 #2456a6}.sa-course-package-option input{accent-color:#2456a6;width:16px;height:16px}.sa-course-package-option span{gap:3px;min-width:0;display:grid}.sa-course-package-option strong{color:#253858;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sa-course-package-option small{color:#7a8494;font-size:10px}.sa-course-section-modal-intro{color:#667085;background:#f7faff;border:1px solid #dce7f7;border-radius:7px;gap:5px;padding:13px 14px;font-size:12px;line-height:1.65;display:grid}.sa-course-section-modal-intro strong{color:#1d3f76;font-size:13px}.sa-course-section-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.sa-course-section-option{color:#344054;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:7px;align-items:center;gap:10px;min-height:68px;padding:11px 12px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.sa-course-section-option:hover{background:#fbfdff;border-color:#9db6dd}.sa-course-section-option.is-selected{background:#f3f7ff;border-color:#86a8dd;box-shadow:inset 3px 0 #2456a6}.sa-course-section-option input{accent-color:#2456a6;width:16px;height:16px}.sa-course-section-option>svg{color:#1b8b57;flex:none;margin-inline-start:auto}.sa-course-section-option-copy{gap:4px;min-width:0;display:grid}.sa-course-section-option-copy strong{color:#253858;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sa-course-section-option-copy small{color:#7a8494;font-size:10px}.sa-course-section-empty-state{color:#667085;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:7px;grid-column:1/-1;padding:22px;font-size:12px}.sa-course-row-actions{align-items:center;gap:7px;display:flex}.sa-course-row-actions a,.sa-course-row-actions button{min-height:36px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #d8e0eb;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.sa-course-row-content{color:#fff;background:#2456a6;border-color:#2456a6!important}.sa-course-row-content:hover{background:#1c4488;border-color:#1c4488!important}.sa-course-row-edit{color:#344054;background:#fff}.sa-course-row-edit:hover{background:#f6f8fb;border-color:#aab7c8}.sa-courses-table-skeleton{background:#fff;border:1px solid #e1e7ef;border-radius:8px;display:grid;overflow:hidden}.sa-courses-skeleton-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(220px,2fr) minmax(80px,1fr) minmax(80px,1fr) minmax(100px,1fr) minmax(130px,1fr);align-items:center;gap:18px;min-height:70px;padding:12px 16px;display:grid}.sa-courses-skeleton-row:last-child{border-bottom:0}.sa-courses-skeleton-row span{background:linear-gradient(90deg,#eef2f6,#f7f9fb,#eef2f6) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.4s infinite sa-course-skeleton-wave}.sa-courses-skeleton-row span:first-child{width:75%}.sa-courses-empty-state{text-align:center;background:#fff;border:1px dashed #d8e0eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:32px 18px;display:flex}.sa-courses-empty-icon{color:#47699b;background:#edf3fa;border-radius:7px;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.sa-courses-empty-state h2{color:#1d2939;margin:0;font-size:17px}.sa-courses-empty-state p{color:#667085;max-width:390px;margin:7px 0 15px;font-size:12px;line-height:1.6}.sa-courses-empty-action{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#2456a6;border:1px solid #2456a6;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.sa-courses-empty-action:hover{background:#1c4488}.sa-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes sa-course-skeleton-wave{to{background-position:-200% 0}}@keyframes sa-course-refresh-pulse{50%{opacity:.35}}@media (max-width:900px){.sa-courses-catalog{gap:14px}.sa-courses-controls{flex-wrap:wrap;align-items:stretch}.sa-courses-search-v2{flex-basis:100%}.sa-courses-status-filter{flex:1}.sa-courses-table{min-width:1180px}}@media (max-width:600px){.sa-courses-catalog-head{flex-direction:column;align-items:flex-start;gap:14px}.sa-courses-catalog-head h1{font-size:23px}.sa-courses-create{width:100%}.sa-courses-no-instructors{flex-direction:column;align-items:flex-start}.sa-courses-controls{padding:11px}.sa-courses-status-filter{min-width:0}.sa-courses-reset{align-self:end}.sa-courses-results-bar{flex-direction:column;align-items:flex-start;gap:4px}.sa-courses-table{min-width:1100px}.sa-course-section-list{grid-template-columns:1fr}.sa-courses-skeleton-row{grid-template-columns:minmax(190px,2fr) minmax(70px,1fr) minmax(80px,1fr);gap:12px}.sa-courses-skeleton-row span:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){.sa-courses-refreshing:before,.sa-courses-skeleton-row span{animation:none}}.sa-courses-table-wrap{width:100%;min-width:0}.sa-courses-table{table-layout:fixed;width:100%;min-width:0}.sa-courses-table th,.sa-courses-table td{box-sizing:border-box;padding-inline:9px;overflow:hidden}.sa-courses-table th:first-child{width:19%}.sa-courses-table th:nth-child(2){width:8%}.sa-courses-table th:nth-child(3),.sa-courses-table th:nth-child(4),.sa-courses-table th:nth-child(5){width:12%}.sa-courses-table th:nth-child(6){width:8%}.sa-courses-table th:nth-child(7){width:10%}.sa-courses-table th:nth-child(8){width:9%}.sa-courses-table th:nth-child(9){width:10%}.sa-course-entry{gap:8px;min-width:0}.sa-course-entry-copy>strong,.sa-course-entry-copy>span{max-width:100%}.sa-course-sections-cell,.sa-course-promotion-cell{min-width:0}.sa-course-promotion-cell{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sa-course-promotion-cell .sa-course-sections-button{flex:1 0 100%}.sa-course-section-pill,.sa-course-promotion-badge{max-width:100%}.sa-course-row-actions{flex-wrap:wrap}.sa-course-row-actions a,.sa-course-row-actions button{min-width:0;padding-inline:7px}@media (max-width:1240px){.sa-courses-table-wrap{background:0 0;border:0;overflow:visible}.sa-courses-table,.sa-courses-table tbody{width:100%;display:block}.sa-courses-table thead{display:none}.sa-courses-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.sa-courses-table tbody tr{background:#fff;border:1px solid #e1e7ef;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-width:0;padding:10px 13px;display:grid;overflow:hidden;box-shadow:0 2px 7px #192a4609}.sa-courses-table tbody tr:hover{background:#fbfcff}.sa-courses-table td{white-space:normal;border-bottom:1px solid #edf0f4;grid-template-columns:minmax(95px,.42fr) minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:9px 3px;display:grid}.sa-courses-table td:before{content:attr(data-label);color:#7b8798;min-width:0;font-size:10px;font-weight:700;line-height:1.5}.sa-courses-table td:first-child{grid-column:1/-1;grid-template-columns:minmax(95px,.24fr) minmax(0,1fr);padding-top:4px}.sa-courses-table td:last-child{border-bottom:0;grid-column:1/-1;grid-template-columns:minmax(95px,.24fr) minmax(0,1fr);padding-bottom:3px}.sa-course-entry{align-items:flex-start}.sa-course-entry-image{width:50px;height:40px}.sa-course-entry-copy>strong{white-space:normal;overflow-wrap:anywhere}.sa-course-entry-copy>span{overflow-wrap:anywhere;white-space:normal}.sa-course-entry-copy>small{overflow-wrap:anywhere;flex-wrap:wrap}.sa-course-sections-cell{gap:6px}.sa-course-section-pills{min-width:0}.sa-course-section-pill{white-space:normal;overflow-wrap:anywhere}.sa-course-promotion-cell{justify-content:flex-start}.sa-course-promotion-badge{min-height:22px}.sa-course-row-actions{justify-content:flex-start}.sa-course-row-actions a,.sa-course-row-actions button{min-height:32px}}@media (max-width:900px){.sa-courses-table tbody{grid-template-columns:minmax(0,1fr);gap:10px}.sa-courses-table tbody tr{grid-template-columns:minmax(0,1fr)}.sa-courses-table td,.sa-courses-table td:first-child,.sa-courses-table td:last-child{grid-column:1;grid-template-columns:minmax(100px,.34fr) minmax(0,1fr)}.sa-course-entry-image{width:56px;height:44px}.sa-course-promotion-cell .sa-course-sections-button{flex:0 auto}.sa-course-row-actions{flex-wrap:nowrap}.sa-course-row-actions a,.sa-course-row-actions button{flex:1 1 0}}@media (max-width:380px){.sa-courses-table tbody tr{padding-inline:9px}.sa-courses-table td,.sa-courses-table td:first-child,.sa-courses-table td:last-child{grid-template-columns:minmax(82px,.32fr) minmax(0,1fr);gap:6px}.sa-course-row-actions a,.sa-course-row-actions button{gap:4px;padding-inline:5px;font-size:10px}}
:root{--login-primary:#0ea5e9;--login-primary-light:#38bdf8;--login-primary-dark:#0284c7;--login-secondary:#06b6d4;--login-secondary-light:#22d3ee;--login-accent:#8b5cf6;--login-accent-light:#a78bfa;--login-bg-dark:#0f172a;--login-bg-medium:#1e293b;--login-bg-light:#334155;--login-gold:#f59e0b;--login-gold-light:#fbbf24;--login-gold-glow:#f59e0b4d;--login-text-light:#fff;--login-text-muted:#ffffffbf;--login-text-dark:#0f172a;--login-text-secondary:#475569;--login-form-bg:#fff;--login-input-border:#e2e8f0;--login-input-focus:#0ea5e9;--login-shadow-sm:0 2px 8px #00000014;--login-shadow-md:0 8px 24px #0000001f;--login-shadow-lg:0 20px 60px #00000040;--login-shadow-xl:0 30px 80px #00000059;--login-shadow-blue:0 8px 32px #0ea5e94d;--login-shadow-purple:0 8px 32px #8b5cf64d}.admin-login-page{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Cairo,sans-serif;display:flex;position:relative;overflow:hidden}.admin-login-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 80% 70%,#0ea5e914 0%,#0000 40%),radial-gradient(circle at 40% 80%,#06b6d40d 0%,#0000 40%);animation:20s ease-in-out infinite alternate backgroundShift;position:absolute;inset:0}@keyframes backgroundShift{0%{transform:scale(1)rotate(0)}to{transform:scale(1.1)rotate(5deg)}}.admin-login-intro{color:var(--login-text-light);z-index:1;background:linear-gradient(135deg,#0f172af7 0%,#1e293bf2 50%,#334155ed 100%),url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");flex-direction:column;flex:0 0 45%;justify-content:space-between;padding:4rem 3.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset -1px 0 #ffffff1a,20px 0 60px #00000026}.admin-login-intro:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0ea5e940 0%,#0000 65%);border-radius:50%;width:500px;height:500px;animation:15s ease-in-out infinite floatParticle1;position:absolute;top:-5%;right:-10%}.admin-login-intro:after{content:"";filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:18s ease-in-out infinite floatParticle2;position:absolute;bottom:-10%;left:-5%}.admin-login-intro{background-image:radial-gradient(2px 2px at 20% 30%,#0ea5e966,#0000),radial-gradient(2px 2px at 60% 70%,#22bdee80,#0000),radial-gradient(1px 1px,#ffffff4d,#0000),radial-gradient(1px 1px at 80% 10%,#8b5cf666,#0000),radial-gradient(2px 2px at 90% 60%,#0ea5e959,#0000),radial-gradient(1px 1px at 33% 85%,#22bdee66,#0000),radial-gradient(1px 1px at 15% 60%,#ffffff40,#0000),radial-gradient(2px 2px at 70% 25%,#8b5cf64d,#0000),linear-gradient(135deg,#0f172af7 0%,#1e293bf2 50%,#334155ed 100%),url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");background-position:20% 30%,60% 70%,50%,80% 10%,90% 60%,33% 85%,15% 60%,70% 25%,0 0,0 0;background-size:200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,cover,100px 100px;animation:20s ease-in-out infinite particlesFloat}@keyframes particlesFloat{0%,to{background-position:20% 30%,60% 70%,50%,80% 10%,90% 60%,33% 85%,15% 60%,70% 25%,0 0,0 0}25%{background-position:25% 35%,65% 65%,55% 45%,85% 15%,85% 55%,38% 80%,10% 65%,75% 30%,0 0,0 0}50%{background-position:30% 40%,55% 75%,45% 55%,75% 20%,95% 65%,28% 90%,20% 55%,65% 20%,0 0,0 0}75%{background-position:15% 25%,70% 60%,60% 40%,90% 5%,80% 70%,43% 75%,5% 70%,80% 35%,0 0,0 0}}@keyframes floatParticle1{0%,to{opacity:1;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(-30px,40px)scale(1.1)}}@keyframes floatParticle2{0%,to{opacity:1;transform:translate(0)scale(1)}50%{opacity:.7;transform:translate(40px,-30px)scale(1.15)}}.admin-login-brand{z-index:1;will-change:transform;align-items:center;gap:1.25rem;margin-bottom:3.5rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}.admin-login-brand span{background:linear-gradient(135deg, var(--login-primary) 0%, var(--login-secondary) 100%);color:#fff;width:72px;height:72px;box-shadow:0 12px 32px var(--login-shadow-blue), 0 4px 12px #0003, inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #0000001a;transform-style:preserve-3d;border-radius:18px;place-items:center;font-size:36px;font-weight:900;transition:all .4s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.admin-login-brand .admin-login-logo{width:88px;height:88px;box-shadow:none;background:0 0;border-radius:50%;flex:0 0 88px;padding:0;overflow:hidden}.admin-login-brand .admin-login-logo:before,.admin-login-brand .admin-login-logo:after{display:none}.admin-login-brand .admin-login-logo img{object-fit:contain;background:0 0;border-radius:50%;width:100%;height:100%;display:block}.admin-login-brand:hover .admin-login-logo{box-shadow:none;transform:translateY(-4px)rotateX(10deg)rotateY(-5deg)scale(1.05)}.admin-login-brand span:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff4d 0%,#0000 50%,#0000001a 100%);border-radius:18px;transition:opacity .4s;position:absolute;inset:0}.admin-login-brand span:after{content:"";background:linear-gradient(135deg, var(--login-primary), var(--login-secondary));z-index:-1;filter:blur(12px);opacity:0;border-radius:20px;transition:opacity .4s;position:absolute;inset:-2px}.admin-login-brand:hover span{box-shadow:0 20px 48px var(--login-shadow-blue), 0 8px 20px #00000040, inset 0 1px 0 #fff6;transform:translateY(-4px)rotateX(10deg)rotateY(-5deg)scale(1.05)}.admin-login-brand:hover span:before{opacity:1}.admin-login-brand:hover span:after{opacity:.6}.admin-login-brand div{flex-direction:column;gap:6px;display:flex}.admin-login-brand strong{color:var(--login-text-light);letter-spacing:-.8px;text-shadow:0 2px 12px #0000004d,0 1px #ffffff1a;background:linear-gradient(135deg,#fff 0%,#ffffffe6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.admin-login-brand small{color:var(--login-primary-light);letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 2px 8px #0ea5e980;font-size:11px;font-weight:700}.admin-login-copy{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:2.5rem;max-width:520px;display:flex;position:relative}.admin-login-copy p{color:var(--login-primary-light);letter-spacing:1px;text-transform:uppercase;opacity:0;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;animation:.6s .2s forwards fadeInUp;display:inline-flex}.admin-login-copy p:before{content:"";background:linear-gradient(90deg, var(--login-primary-light) 0%, transparent 100%);border-radius:2px;width:32px;height:2px}.admin-login-copy h1{color:var(--login-text-light);letter-spacing:-1.5px;text-shadow:0 4px 16px #0000004d,0 2px 4px #0003;background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;opacity:0;will-change:transform;-webkit-background-clip:text;background-clip:text;margin:0;font-size:46px;font-weight:900;line-height:1.15;transition:transform .3s cubic-bezier(.25,.46,.45,.94);animation:1.2s cubic-bezier(.34,1.56,.64,1) .4s forwards fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-login-copy ul{perspective:1000px;flex-direction:column;gap:1.25rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.admin-login-copy ul li{color:var(--login-text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform-style:preserve-3d;will-change:transform;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:1rem 1.25rem;font-size:16px;font-weight:500;line-height:1.6;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.34,1.56,.64,1) forwards card3DIn;display:flex;position:relative;overflow:hidden;transform:translateZ(-50px)rotateX(-15deg)translateY(30px);box-shadow:0 10px 30px #0003,0 1px 8px #0000001a,inset 0 1px #ffffff1a}.admin-login-copy ul li:first-child{animation-delay:2.8s}.admin-login-copy ul li:nth-child(2){animation-delay:3s}.admin-login-copy ul li:nth-child(3){animation-delay:3.2s}@keyframes card3DIn{0%{opacity:0;transform:translateZ(-100px)rotateX(-20deg)translateY(50px)scale(.8)}60%{transform:translateZ(20px)rotateX(5deg)translateY(-10px)scale(1.05)}to{opacity:1;transform:translateZ(0)rotateX(0)translateY(0)scale(1)}}.admin-login-copy ul li:before{content:"";opacity:0;background:linear-gradient(135deg,#0ea5e91a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0;transform:translateZ(1px)}.admin-login-copy ul li:after{content:"";opacity:0;filter:blur(15px);z-index:-1;background:linear-gradient(135deg,#0ea5e94d 0%,#8b5cf64d 100%);border-radius:14px;transition:opacity .4s;position:absolute;inset:-2px}.admin-login-copy ul li:hover{background:#ffffff14;border-color:#0ea5e94d;transform:translate(-6px)translateZ(25px)rotateY(-3deg);box-shadow:0 20px 50px #0000004d,0 5px 15px #0003,inset 0 1px #ffffff26}.admin-login-copy ul li:hover:before,.admin-login-copy ul li:hover:after{opacity:1}.admin-login-copy ul li svg{width:20px;height:20px;color:var(--login-primary-light);filter:drop-shadow(0 2px 6px #0ea5e966);z-index:1;flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;transform:translateZ(10px)}.admin-login-footnote{color:#ffffff80;z-index:1;letter-spacing:.5px;border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;font-size:13px;position:relative}.admin-login-form-wrap{z-index:1;perspective:2000px;background:#f8fafc;flex:0 0 55%;justify-content:center;align-items:center;padding:4rem 3.5rem;display:flex;position:relative}.admin-login-form-wrap:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:12s ease-in-out infinite floatForm1;position:absolute;top:5%;left:10%}.admin-login-form-wrap:after{content:"";filter:blur(70px);pointer-events:none;background:radial-gradient(circle,#0ea5e90f 0%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:14s ease-in-out infinite floatForm2;position:absolute;bottom:10%;right:15%}@keyframes floatForm1{0%,to{transform:translate(0)}50%{transform:translate(20px,30px)}}@keyframes floatForm2{0%,to{transform:translate(0)}50%{transform:translate(-25px,-20px)}}.admin-login-form{z-index:1;background:#fff;border-radius:20px;flex-direction:column;gap:1.25rem;width:100%;max-width:380px;padding:2rem 1.875rem;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;transform:none;box-shadow:0 30px 90px #0000001f,0 10px 30px #00000014,0 0 0 1px #0000000a,inset 0 1px #fffc}.admin-login-form:before{content:"";z-index:-2;filter:blur(20px);opacity:0;background:linear-gradient(135deg,#0ea5e933 0%,#8b5cf633 100%);border-radius:20px;transition:opacity .6s;position:absolute;inset:-2px}.admin-login-form:after{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#ffffffe6 0%,#fff9 100%);border-radius:20px;transition:opacity .6s;position:absolute;inset:0}.admin-login-form:hover:before{opacity:.8}.admin-login-form:hover:after{opacity:.3}.admin-login-heading{text-align:center;margin-bottom:1rem;transform:translateZ(20px)}.admin-login-heading span{color:#0369a1;letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:1px solid #0ea5e933;border-radius:9px;align-items:center;gap:6px;margin-bottom:.875rem;padding:6px 14px;font-size:10px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(10px);box-shadow:0 2px 8px #0ea5e926,inset 0 1px #ffffff80}.admin-login-heading span:before{content:"";opacity:0;background:linear-gradient(135deg,#0ea5e926 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.admin-login-heading span:hover:before{opacity:1}.admin-login-heading h2{color:var(--login-text-dark);letter-spacing:-.7px;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .625rem;font-size:24px;font-weight:900;line-height:1.2;transform:translateZ(15px)}.admin-login-heading p{color:#64748b;margin:0;font-size:13px;font-weight:500;line-height:1.5;transform:translateZ(10px)}.floating-input-wrapper{margin-bottom:.5rem;position:relative}.floating-input{border:2px solid var(--login-input-border);width:100%;height:52px;color:var(--login-text-dark);z-index:2;background:#f8fafc;border-radius:12px;padding:1.5rem 1rem .5rem;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.floating-label{color:#64748b;pointer-events:none;z-index:3;background:0 0;padding:0 4px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{color:var(--login-input-focus);background:#f8fafc;font-size:11px;font-weight:700;top:12px;transform:translateY(0)}.floating-input:focus{border-color:var(--login-input-focus);background:#fff;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #0ea5e91a,0 4px 12px #0ea5e933}.floating-input:focus+.floating-label{background:#fff}.admin-password-field{width:100%;transform-style:preserve-3d;position:relative}.admin-password-field .floating-input{padding-left:3.5rem}.admin-password-field .floating-label{z-index:0;right:1rem}.admin-password-field input{border:2px solid var(--login-input-border);width:100%;height:52px;color:var(--login-text-dark);z-index:2;background:#f8fafc;border-radius:12px;padding:1.5rem 3.5rem .5rem 1rem;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-password-field input:focus{border-color:var(--login-input-focus);background:#fff;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #0ea5e91a,0 4px 12px #0ea5e933}.admin-password-field input:focus+.floating-label,.admin-password-field input:not(:placeholder-shown)+.floating-label{color:var(--login-input-focus);background:#f8fafc;font-size:11px;font-weight:700;top:12px;transform:translateY(0)}.admin-password-field input:focus+.floating-label{background:#fff}.admin-password-field button{color:#64748b;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.admin-password-field button svg{width:18px;height:18px}.admin-password-field button:hover{color:var(--login-primary);background:#0ea5e91a;transform:translateY(-50%)scale(1.05)}.admin-password-field button:active{transform:translateY(-50%)scale(.98)}.password-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.password-strength-bar{background:#e2e8f0;border-radius:9999px;flex:1;height:4px;position:relative;overflow:hidden}.password-strength-fill{border-radius:9999px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.password-strength-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:1.5s infinite shimmerStrength;position:absolute;inset:0}@keyframes shimmerStrength{0%{transform:translate(-100%)}to{transform:translate(100%)}}.password-strength-label{white-space:nowrap;font-size:11px;font-weight:700;transition:color .3s}.form-options{justify-content:space-between;align-items:center;gap:1rem;margin:.25rem 0;display:flex}.remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.remember-me input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--login-input-border);background:#f8fafc;border-radius:6px;flex-shrink:0;width:19px;height:19px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.checkbox-custom:after{content:"✓";color:#fff;font-size:13px;font-weight:900;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.remember-me input:checked~.checkbox-custom{background:linear-gradient(135deg, var(--login-primary) 0%, var(--login-accent) 100%);border-color:var(--login-primary);box-shadow:0 4px 12px #0ea5e959}.remember-me input:checked~.checkbox-custom:after{transform:translate(-50%,-50%)scale(1)}.checkbox-label{color:var(--login-text-dark);font-size:14px;font-weight:600}.forgot-password{color:var(--login-primary);font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.forgot-password:after{content:"";background:var(--login-primary);transform-origin:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.forgot-password:hover{color:var(--login-primary-dark)}.forgot-password:hover:after{transform-origin:0;transform:scaleX(1)}.admin-login-error{color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1.5px solid #fca5a5;border-radius:9px;margin:-.125rem 0 0;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.5;position:relative;overflow:hidden;transform:translateZ(10px);box-shadow:0 4px 12px #dc262626,inset 0 1px #ffffff80}.admin-login-error:before{content:"";background:linear-gradient(#dc2626 0%,#ef4444 100%);width:3px;position:absolute;top:0;bottom:0;left:0}.admin-login-submit{background:linear-gradient(135deg, var(--login-primary) 0%, var(--login-secondary) 100%);color:#fff;letter-spacing:.3px;cursor:pointer;width:100%;height:52px;transform-style:preserve-3d;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:.75rem;font-size:15px;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;transform:translateZ(20px);box-shadow:0 8px 24px #0ea5e966,0 2px 8px #0000001a,inset 0 1px #ffffff4d,inset 0 -2px #0000001a}.admin-login-submit:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff40 0%,#0000 50%,#00000014 100%);transition:opacity .4s;position:absolute;inset:0}.admin-login-submit:after{content:"";background:linear-gradient(135deg, var(--login-primary), var(--login-secondary));z-index:-1;filter:blur(20px);opacity:0;border-radius:13px;transition:opacity .4s;position:absolute;inset:-4px}.admin-login-submit svg{width:18px;height:18px}.admin-login-submit:hover:not(:disabled){transform:translateZ(30px)translateY(-4px)rotateX(5deg);box-shadow:0 20px 50px #0ea5e980,0 10px 20px #00000026,inset 0 1px #fff6,inset 0 -2px #00000026}.admin-login-submit:hover:not(:disabled):before,.admin-login-submit:hover:not(:disabled):after{opacity:1}.admin-login-submit:disabled{opacity:.7;cursor:not-allowed;transform:translateZ(20px)}.admin-login-submit svg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.admin-login-submit:hover:not(:disabled) svg{transform:translate(-6px)translateZ(5px)}.ripple{pointer-events:none;background:#ffffff80;border-radius:50%;animation:.6s ease-out rippleEffect;position:absolute;transform:scale(0)}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shakeError{0%,to{transform:translateZ(20px)rotateX(2deg)rotateY(-2deg)translate(0)}10%,30%,50%,70%,90%{transform:translateZ(20px)rotateX(2deg)rotateY(-2deg)translate(-8px)}20%,40%,60%,80%{transform:translateZ(20px)rotateX(2deg)rotateY(-2deg)translate(8px)}}.shake-error{animation:.65s cubic-bezier(.36,.07,.19,.97) shakeError}@keyframes successPulse{0%,to{transform:translateZ(20px)scale(1);box-shadow:0 30px 90px #22c55e4d,0 10px 30px #22c55e33}50%{transform:translateZ(30px)scale(1.05);box-shadow:0 40px 110px #22c55e66,0 15px 40px #22c55e4d}}.success-pulse{animation:.8s ease-in-out successPulse;border:2px solid #22c55e!important}.admin-login-security{color:#166534;text-align:center;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #22c55e33;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:.625rem;padding:9px 13px;font-size:11px;font-weight:600;line-height:1.5;display:flex;position:relative;overflow:hidden;transform:translateZ(10px);box-shadow:0 2px 8px #22c55e14,inset 0 1px #fff9}.admin-login-security:before{content:"";background:linear-gradient(#22c55e 0%,#16a34a 100%);width:3px;position:absolute;top:0;bottom:0;left:0}.admin-login-security svg{color:#22c55e;filter:drop-shadow(0 1px 2px #22c55e4d);flex-shrink:0;width:13px;height:13px}@media (max-width:1200px){.admin-login-intro{flex:0 0 42%;padding:3.5rem 2.5rem}.admin-login-form-wrap{flex:0 0 58%;padding:3.5rem 2.5rem}.admin-login-copy h1{font-size:40px}.admin-login-heading h2{font-size:32px}}@media (max-width:1024px){.admin-login-intro{flex:0 0 45%;padding:3rem 2rem}.admin-login-form-wrap{flex:0 0 55%;padding:3rem 2rem}.admin-login-form{max-width:360px;padding:1.875rem 1.75rem}.admin-login-copy h1{font-size:36px}.admin-login-heading h2{font-size:22px}.admin-login-brand span{width:64px;height:64px;font-size:32px}.admin-login-brand strong{font-size:28px}}@media (max-width:768px){.admin-login-page{flex-direction:column}.admin-login-page:before{animation:none}.admin-login-intro{flex:none;min-height:45vh;padding:2.5rem 2rem}.admin-login-intro:before,.admin-login-intro:after{filter:blur(50px);animation:none}.admin-login-brand{margin-bottom:2rem}.admin-login-brand span{border-radius:14px;width:56px;height:56px;font-size:28px}.admin-login-brand strong{font-size:24px}.admin-login-brand small{font-size:10px}.admin-login-copy{gap:2rem}.admin-login-copy h1{font-size:32px}.admin-login-copy ul{perspective:800px;gap:1rem}.admin-login-copy ul li{padding:.875rem 1rem;font-size:14px}.admin-login-form-wrap{flex:none;padding:2.5rem 2rem}.admin-login-form-wrap:before,.admin-login-form-wrap:after{animation:none}.admin-login-form{max-width:100%;padding:1.75rem 1.5rem;transform:none}.admin-login-form:hover{transform:translateY(-4px)}.admin-login-heading h2{font-size:21px}.admin-login-form{gap:1.125rem}.admin-login-footnote{margin-top:1.5rem;font-size:12px}}@media (max-width:480px){.admin-login-intro{min-height:40vh;padding:2rem 1.5rem}.admin-login-brand{gap:.875rem}.admin-login-brand span{border-radius:12px;width:52px;height:52px;font-size:26px}.admin-login-brand strong{font-size:22px}.admin-login-brand small{letter-spacing:2px;font-size:9px}.admin-login-copy h1{font-size:28px}.admin-login-copy ul{perspective:600px}.admin-login-copy ul li{padding:.75rem .875rem;font-size:13px}.admin-login-form-wrap{padding:2rem 1.5rem}.admin-login-form{border-radius:18px;gap:.875rem;padding:1.5rem 1.25rem}.admin-login-heading h2{font-size:20px}.admin-login-heading p{font-size:12px}.admin-login-form input[type=email],.admin-login-form input[type=text],.admin-password-field input{height:44px;font-size:13px}.admin-login-submit{height:46px;font-size:13px}}.admin-login-brand span,.admin-login-submit,.admin-login-copy ul li{will-change:transform;backface-visibility:hidden}.admin-login-form input:focus-visible,.admin-password-field button:focus-visible,.admin-login-submit:focus-visible{outline:3px solid var(--login-input-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.admin-login-brand span{transform-style:flat!important}.admin-login-copy h1,.admin-login-copy p{opacity:1!important;animation:none!important}.admin-login-copy ul li{opacity:1!important;animation:none!important;transform:none!important}}@media print{.admin-login-page:before,.admin-login-intro:before,.admin-login-intro:after,.admin-login-form-wrap:before,.admin-login-form-wrap:after{display:none}.admin-login-page{background:#fff}}.admin-login-form-wrap{background:radial-gradient(circle at 15% 18%,#0ea5e914,#0000 34%),radial-gradient(circle at 85% 82%,#8b5cf614,#0000 36%),#f8fafc}.admin-login-heading,.admin-login-heading span,.admin-login-heading h2,.admin-login-heading p{transform:none}.admin-login-heading{margin-bottom:.7rem}.admin-login-heading span{letter-spacing:0;border-radius:999px;padding:7px 14px;font-size:11px;box-shadow:0 5px 14px #0ea5e924}.admin-login-heading h2{letter-spacing:-.5px;margin:1rem 0 .65rem;font-size:clamp(24px,2.5vw,30px);line-height:1.35}.floating-input,.admin-password-field input{color:#172b43;letter-spacing:.1px;background:#f8fbff;border:1.5px solid #d6e2ee;border-radius:14px;height:58px;font-size:15px;box-shadow:inset 0 1px 2px #0f172a05}.floating-input:focus,.admin-password-field input:focus{background:#fff;border-color:#0ea5e9;transform:none;box-shadow:0 0 0 4px #0ea5e921,0 8px 18px #0ea5e91a}.floating-label,.admin-password-field .floating-label{z-index:3;color:#64748b;font-size:14px;right:1.1rem}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label,.admin-password-field input:focus+.floating-label,.admin-password-field input:not(:placeholder-shown)+.floating-label{color:#0284c7;background:#fff;font-size:11px;top:10px}.admin-password-field{transform-style:flat}.admin-password-field button:hover{color:#0284c7;background:#e0f2fe}.password-strength{gap:10px;margin-top:9px}.password-strength-bar{background:#e6edf5;height:6px}.password-strength-label{text-align:left;min-width:42px;font-size:12px}.checkbox-custom{background:#f8fbff;border-color:#cbd9e7;border-radius:7px;width:21px;height:21px}.forgot-password{align-items:center}.admin-login-submit{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 100%);border-radius:14px;height:58px;margin-top:.4rem;transition:transform .2s,box-shadow .2s,filter .2s;transform:none;box-shadow:0 12px 28px #0ea5e94d,inset 0 1px #ffffff52}.admin-login-submit:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 16px 34px #0ea5e95c,inset 0 1px #fff6}.admin-login-submit:active:not(:disabled){transform:translateY(0)}@media (max-width:640px){.admin-login-page{flex-direction:column;min-height:100dvh;overflow:hidden auto}.admin-login-form-wrap{order:1;justify-content:center;min-height:100dvh}.admin-login-intro{order:2;min-height:auto;padding:2rem 1.5rem}.admin-login-form-wrap{padding:1.5rem}.admin-login-form{border-radius:22px;max-width:430px;padding:2rem 1.25rem 1.5rem}.admin-login-heading h2{font-size:24px}.floating-input,.admin-password-field input,.admin-login-submit{height:54px}}.admin-login-heading span,.password-strength{display:none}.remember-me{cursor:pointer;position:relative}.remember-me input[type=checkbox]{opacity:0;width:1px;height:1px;margin:-1px;display:block;position:absolute}.remember-me input[type=checkbox]:focus-visible+.checkbox-custom{outline-offset:3px;outline:3px solid #0ea5e959}.admin-login-submit{border-bottom:4px solid #0369a1;height:58px;transform:translateY(0);box-shadow:0 7px #0369a1,0 14px 24px #0ea5e93d}.admin-login-submit:before{border-radius:inherit;opacity:1;pointer-events:none;background:linear-gradient(110deg,#ffffff3d,#0000 42%);display:block;inset:0}.admin-login-submit:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px #0369a1,0 8px 14px #0ea5e938}.admin-login-submit:disabled{border-bottom-color:#6b9ab5;box-shadow:0 4px #6b9ab5,0 8px 14px #0ea5e924}.admin-login-page{background:#eef3f8}.admin-login-page:before,.admin-login-form-wrap:before,.admin-login-form-wrap:after,.admin-login-intro:before,.admin-login-intro:after{display:none}.admin-login-intro{background:linear-gradient(148deg,#0d1a31fa 0%,#193048fa 58%,#2a4157fa 100%);box-shadow:inset 1px 0 #ffffff14}.admin-login-brand{gap:14px;margin-bottom:2.5rem}.admin-login-brand strong{letter-spacing:0;font-size:27px}.admin-login-brand small{letter-spacing:2.2px;font-size:10px}.admin-login-copy{gap:1.75rem;max-width:510px}.admin-login-copy p{letter-spacing:0;opacity:1;margin:0;font-size:12px;animation:none}.admin-login-copy h1{letter-spacing:0;text-shadow:0 3px 18px #00000038;opacity:1;max-width:480px;margin:0;font-size:clamp(30px,3.2vw,42px);line-height:1.28;animation:none;transform:none}.admin-login-copy ul{gap:10px}.admin-login-copy ul li{min-height:52px;box-shadow:none;opacity:1;background:#fff1;border:1px solid #ffffff1f;border-radius:12px;padding:.75rem .95rem;transition:background .18s,border-color .18s,transform .18s;animation:none;transform:none}.admin-login-copy ul li:before,.admin-login-copy ul li:after{display:none}.admin-login-copy ul li:hover{background:#ffffff1a;border-color:#38bdf86b;transform:translate(-2px)}.admin-login-copy ul li svg{filter:none;width:18px;height:18px;transform:none}.admin-login-copy ul li:hover svg{transform:none}.admin-login-footnote{border-color:#ffffff1f;margin-top:1.5rem;padding-top:1.1rem;font-size:11px}.admin-login-form-wrap{background:#f5f8fc;padding:clamp(2rem,5vw,4.5rem)}.admin-login-form{background:#fff;border:1px solid #dbe6f0;border-radius:22px;gap:1rem;max-width:480px;padding:2.75rem 2.75rem 2.5rem;box-shadow:0 24px 60px #0f233a1f,0 3px 10px #0f233a0a}.admin-login-form:before,.admin-login-form:after{display:none}.admin-login-form:hover{transform:translateY(-2px);box-shadow:0 28px 68px #0f233a26,0 4px 12px #0f233a0d}.admin-login-heading{text-align:right;margin-bottom:1rem}.admin-login-heading span{color:#0876a9;box-shadow:none;letter-spacing:0;background:#eff9fe;border:1px solid #cce9f8;border-radius:7px;margin-bottom:1rem;padding:6px 10px;font-size:11px}.admin-login-heading h2{color:#172b43;-webkit-text-fill-color:currentColor;letter-spacing:0;background:0 0;margin-bottom:.65rem;font-size:clamp(24px,2.4vw,29px);line-height:1.25}.admin-login-heading p{color:#718096;font-size:13px;line-height:1.75}.floating-input-wrapper{margin-bottom:.15rem}.floating-input,.admin-password-field input{height:56px;box-shadow:none;background:#f8fbfe;border:1px solid #d5e1ec;border-radius:11px}.floating-input:hover,.admin-password-field input:hover{background:#fff;border-color:#a8c2d8}.floating-input:focus,.admin-password-field input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91f}.floating-label,.admin-password-field .floating-label{color:#64748b;right:1rem}.admin-password-field button{border-radius:9px;width:40px;height:40px;left:.6rem}.form-options{margin:0}.remember-me,.forgot-password{min-height:40px}.remember-me{gap:8px}.checkbox-custom{border-radius:6px;width:20px;height:20px}.checkbox-label,.forgot-password{font-size:13px}.admin-login-submit{background:#0ea5e9;border-radius:11px;height:56px;margin-top:.4rem;transition:background .18s,box-shadow .18s,transform .18s;box-shadow:0 10px 24px #0ea5e93d}.admin-login-submit:hover:not(:disabled){background:#0284c7;transform:translateY(-2px);box-shadow:0 14px 28px #0ea5e94d}.admin-login-submit:before,.admin-login-submit:after{display:none}@media (max-width:900px){.admin-login-intro,.admin-login-form-wrap{padding:2.5rem 2rem}}@media (max-width:640px){.admin-login-page{min-height:100dvh}.admin-login-intro{display:none}.admin-login-form-wrap{min-height:100dvh;padding:1.25rem}.admin-login-form{border-radius:18px;max-width:500px;padding:2rem 1.25rem 1.5rem}.admin-login-heading h2{font-size:23px}}
.sa-select{vertical-align:middle;width:100%;min-width:0;display:inline-block;position:relative}.sa-select.sa-courses-filter-select,.sa-select.sa-packages-filter-select,.sa-select.sa-filter-select,.sa-select.sa-package-select,.sa-select.sa-inline-select,.sa-select.sa-status-select{color:inherit;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:0;padding:0;transition:none}.sa-select-trigger{color:#26364e;width:100%;min-width:0;min-height:44px;font:inherit;text-align:start;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:12px;font-weight:600;line-height:1.5;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s;display:flex;box-shadow:0 2px 5px #14243d0b,inset 0 1px #ffffffe6}.sa-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sa-select-trigger>svg{color:#77869a;flex:none;transition:transform .16s,color .16s}.sa-select-trigger:hover:not(:disabled){background:#fbfcff;border-color:#9eb4d2;transform:translateY(-1px)}.sa-select-trigger:focus-visible,.sa-select-trigger[aria-expanded=true]{border-color:#4977c5;outline:0;box-shadow:0 0 0 3px #4977c524,0 7px 18px #23488214}.sa-select-trigger[aria-expanded=true]>svg{color:#315fb0;transform:rotate(180deg)}.sa-select-trigger:disabled{color:#a0aaba;cursor:not-allowed;background:#f4f6f9}.sa-select-menu{z-index:300;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c8df transparent;background:#fffffffa;border:1px solid #cdd9e9;border-radius:14px;width:max(100%,280px);max-width:min(380px,100vw - 24px);max-height:min(360px,48vh);padding:7px;animation:.16s ease-out sa-select-enter;display:block;position:absolute;inset-block-start:calc(100% + 8px);inset-inline:0 auto;overflow:auto;box-shadow:0 20px 45px #14233a2e,0 4px 12px #14233a14}.sa-select-menu-portal{z-index:1600;transform-origin:100% 0;position:fixed;inset-block-start:auto;inset-inline:auto}.sa-select-menu-portal.is-opening-up{transform-origin:100% 100%;animation-name:sa-select-enter-up}.sa-select-option{color:#44536a;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:2px 0;padding:9px 11px;font-size:12px;line-height:1.5;transition:color .12s,background .12s,border-color .12s,transform .12s;display:flex}.sa-select-option>span{overflow-wrap:anywhere;min-width:0}.sa-select-option>svg{color:#3269bc;flex:none}.sa-select-option:hover,.sa-select-option.is-active{color:#264f92;background:#f2f6fd;border-color:#d4e1f5;transform:translate(-2px)}.sa-select-option.is-selected{color:#214e96;background:linear-gradient(90deg,#eef5ff,#f8fbff);border-color:#c6d8f3;font-weight:700}.sa-select-option.is-disabled{color:#aab3c0;cursor:not-allowed}.sa-select-option.is-disabled:hover{background:0 0}.sa-select-validity{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sa-select-required{display:none}.sa-filter-select.sa-select-trigger,.sa-courses-filter-select.sa-select-trigger,.sa-packages-filter-select.sa-select-trigger{min-height:44px}.sa-select-trigger.sa-inline-select{min-height:36px}.sa-select-trigger.sa-status-select{min-height:32px}.sa-select-trigger.sa-package-select{min-height:42px}.sa-select-trigger.sa-courses-filter-select,.sa-select-trigger.sa-packages-filter-select{border-radius:8px}@keyframes sa-select-enter{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sa-select-enter-up{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:560px){.sa-select-menu{width:min(100%,340px);max-width:calc(100vw - 24px);max-height:min(300px,42vh)}.sa-select-option{min-height:46px}}@media (prefers-reduced-motion:reduce){.sa-select-menu{animation:none}.sa-select-trigger,.sa-select-trigger>svg,.sa-select-option{transition:none}}