@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Kufi+Arabic:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#1152d4;--primary-light:#427cf0;--primary-dark:#0b378e;--primary-glow:#1152d466;--accent:#f9bc06;--accent-light:#fbd051;--accent-glow:#f9bc0659;--gold:#ffc61a;--gold-glow:#ffc61a59;--bg-base:#09090b;--bg-surface:#121217;--bg-card:#19191f;--bg-card-hover:#21212c;--bg-input:#16161d;--bg-overlay:#050506d9;--text-primary:#f9fafb;--text-secondary:#b9bdc6;--text-muted:#818898;--text-inverse:#09090b;--border:#ffffff14;--border-focus:#1152d4;--border-subtle:#ffffff08;--grad-hero:linear-gradient(135deg, #1152d4 0%, #1aa1e6 100%);--grad-card:linear-gradient(160deg, #1f1f28 0%, #14141a 100%);--grad-glow:radial-gradient(circle at 50% 0%, #1152d433 0%, transparent 70%);--success:#28bd5f;--warning:#f9a91f;--danger:#e23653;--info:#3d99f5;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 12px 48px #0009;--shadow-glow:0 0 30px #1152d44d;--shadow-card:0 4px 20px #0006;--shadow-inset:inset 0 1px 0 #ffffff1a;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--header-bg:#121217e0;--header-bg-solid:#121217;--header-bg-scrolled:#0d0d12f5;--header-border:#e0e4eb1f;--header-border-scrolled:#427cf040;--header-shadow:0 4px 20px -2px #00000073, 0 1px 3px #00000059;--header-shadow-scrolled:0 12px 36px -4px #000000b3, 0 2px 6px #0006;--header-link:#d3d7de;--header-link-hover:#fff;--header-link-active:#74a1fb;--header-pill-bg:#f0f2f40d;--header-pill-border:#ffffff14;--header-btn-bg:#1b1b22cc;--header-btn-border:#ffffff1f}[data-theme=light]{--bg-base:#fafafa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f1f4;--bg-input:#fff;--bg-overlay:#fafafad9;--text-primary:#17171c;--text-secondary:#454554;--text-muted:#73738c;--text-inverse:#fff;--border:#17171c1a;--border-focus:#1152d4;--border-subtle:#17171c0d;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 12px 48px #0000001f;--shadow-card:0 4px 20px #0000000f;--shadow-inset:inset 0 1px 0 #ffffff80;--grad-card:linear-gradient(160deg, #fff 0%, #f9f9fb 100%);--header-bg:#ffffffeb;--header-bg-solid:#fff;--header-bg-scrolled:#fffffffa;--header-border:#262f401f;--header-border-scrolled:#1152d440;--header-shadow:0 4px 20px -2px #0f172a14, 0 1px 3px #0f172a0d;--header-shadow-scrolled:0 12px 32px -4px #0f172a24, 0 2px 6px #0f172a14;--header-link:#182543;--header-link-hover:#0e1525;--header-link-active:#104dc6;--header-pill-bg:#f0f1f5d9;--header-pill-border:#262f401a;--header-btn-bg:#fff;--header-btn-border:#262f4024}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-arabic:"Noto Kufi Arabic", "Inter", sans-serif;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.25, 1, .5, 1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--sidebar-w:280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}[dir=rtl] body,[dir=rtl] *{font-family:var(--font-arabic)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.15rem,2vw,1.5rem)}h4{font-size:1.125rem}h5{font-size:1rem}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.text-center{text-align:center}.text-gradient{background:var(--grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-light);background:#6049f326;border:1px solid #6049f34d}.badge-accent{color:var(--accent-light);background:#16caa626;border:1px solid #16caa64d}.badge-gold{color:var(--gold);background:#ffc53d26;border:1px solid #ffc53d4d}.badge-danger{color:#ea7b7b;background:#df3a3a26;border:1px solid #df3a3a4d}.badge-success{color:#67e495;background:#22c35d26;border:1px solid #22c35d4d}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);white-space:nowrap;border:none;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:background var(--duration-fast);background:#fff0;position:absolute;inset:0}.btn:hover:before{background:#ffffff12}.btn:active:before{background:#ffffff1f}.btn-primary{background:var(--grad-hero);color:#fff;box-shadow:var(--shadow-inset), 0 4px 20px var(--primary-glow);border:1px solid #ffffff1a}.btn-primary:hover{background:var(--grad-hero);filter:brightness(1.15);box-shadow:var(--shadow-inset), 0 8px 28px var(--primary-glow);transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-inset), 0 4px 20px var(--accent-glow);border:1px solid #ffffff1a}.btn-accent:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary-light);background:#6049f314}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#f0f2f40d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#e45858;transform:translateY(-1px)}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem}.btn-lg{border-radius:var(--radius-lg);padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-base) var(--ease-smooth);box-shadow:var(--shadow-card)}.card-hover:hover{box-shadow:var(--shadow-glow), var(--shadow-md);background:var(--bg-card-hover);border-color:#1152d466;transform:translateY(-4px)scale(1.01)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none;padding:11px 16px;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--danger);box-shadow:0 0 0 3px #df3a3a33}.form-error{color:#ea7b7b;align-items:center;gap:4px;font-size:.8rem;display:flex}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}thead{background:var(--bg-surface)}th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:.8rem;font-weight:600}[dir=rtl] th{text-align:right}td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:13px 16px}[dir=rtl] td{text-align:right}tr:last-child td{border-bottom:none}tr:hover td{background:#f0f2f405}.glass{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff1a}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}[dir=rtl] .toast-container{left:24px;right:auto}.toast{border-radius:var(--radius-md);pointer-events:all;box-shadow:var(--shadow-lg);animation:toastIn .35s var(--ease-bounce) both;align-items:center;gap:10px;max-width:360px;padding:14px 18px;font-size:.875rem;font-weight:500;display:flex}.toast-success{color:#a8f0c2;background:#14522b;border:1px solid #248f4b}.toast-error{color:#f1a7a7;background:#521414;border:1px solid #8f2424}.toast-info{color:#a3daf5;background:#143d52;border:1px solid #246b8f}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.divider{background:var(--border);height:1px;margin:var(--space-6) 0}.avatar{background:var(--grad-hero);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-fade-in-up{animation:fadeInUp .5s var(--ease-smooth) both}.anim-fade-in{animation:.4s both fadeIn}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);animation:fadeInUp .3s var(--ease-bounce);overflow-y:auto}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.stat-card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);align-items:center;gap:var(--space-5);transition:all var(--duration-base) var(--ease-smooth);box-shadow:var(--shadow-card);display:flex}.stat-card:hover{box-shadow:var(--shadow-glow), var(--shadow-md);border-color:#1152d466;transform:translateY(-4px)scale(1.02)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon-primary{color:var(--primary-light);background:#6049f326}.stat-icon-accent{color:var(--accent-light);background:#16caa626}.stat-icon-gold{color:var(--gold);background:#ffc53d26}.stat-icon-danger{color:#ea7b7b;background:#df3a3a26}.stat-icon-success{color:#67e495;background:#22c35d26}.text-muted{color:var(--text-muted)}.text-danger{color:#ea7b7b}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.dashboard-layout{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.dashboard-sidebar-toggle,#sidebar-toggle{display:none!important}.mobile-sidebar-close{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;background:#000000a6;animation:.2s ease-out fadeIn;position:fixed;inset:0}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;transition:transform var(--duration-base) var(--ease-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border);left:auto;right:0}.sidebar-logo{padding:var(--space-6);border-bottom:1px solid var(--border)}.sidebar-nav{padding:var(--space-4);flex:1}.sidebar-nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast);text-align:left;background:0 0;border:none;width:100%;margin-bottom:2px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}[dir=rtl] .sidebar-nav-item{text-align:right}.sidebar-nav-item:hover{color:var(--text-primary);background:#f0f2f40d}.sidebar-nav-item.active{color:var(--primary-light);box-shadow:inset 2px 0 0 var(--primary-light);background:#1152d426;border:1px solid #1152d440}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border)}.dashboard-main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:100vh;display:flex}[dir=rtl] .dashboard-main{margin-left:0;margin-right:var(--sidebar-w)}.dashboard-header{padding:0 var(--space-8);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--header-border);height:68px;box-shadow:var(--header-shadow);z-index:50;transition:all var(--duration-base) var(--ease-smooth);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.dashboard-header h4{color:var(--text-primary);letter-spacing:-.015em;align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:800;display:flex}.dashboard-header-accent-dot{background:var(--primary);width:9px;height:9px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;flex-shrink:0;display:inline-block}.dashboard-header .btn-ghost{box-shadow:var(--shadow-sm);border:1px solid var(--header-btn-border)!important;background:var(--header-btn-bg)!important;color:var(--text-primary)!important;transition:all var(--duration-fast)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;padding:8px 10px!important;display:inline-flex!important}.dashboard-header .btn-ghost:hover{border-color:var(--primary-light)!important;background:var(--bg-card-hover)!important;color:var(--primary-light)!important;transform:translateY(-1px)!important}.dashboard-header .avatar{border:2px solid var(--header-border);box-shadow:var(--shadow-sm);transition:all var(--duration-fast)}.dashboard-header .avatar:hover{border-color:var(--primary);transform:scale(1.05)}.dashboard-content{padding:var(--space-8);flex:1;min-width:0;max-width:100%}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.grid{display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-sidebar-toggle,#sidebar-toggle{justify-content:center;align-items:center;display:inline-flex!important}.mobile-sidebar-close{color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex!important}.mobile-sidebar-close:hover{color:var(--text-primary)}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:12px}.dashboard-main{overflow-x:hidden;min-width:0!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important}[dir=rtl] .dashboard-main{margin-left:0!important;margin-right:0!important}.dashboard-header{padding:10px 14px!important}.dashboard-content{min-width:0!important;max-width:100%!important;padding:14px 12px!important}.sidebar{width:280px;max-width:85vw;transform:translate(-100%);box-shadow:4px 0 24px #00000080;z-index:1000!important}[dir=rtl] .sidebar{transform:translate(100%);box-shadow:-4px 0 24px #00000080}.sidebar.open{transform:translate(0)!important}.container{padding:0 var(--space-4)}}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-smooth);flex-direction:column;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-glow);border-color:#6049f366;transform:translateY(-4px)}.course-card-image{background:var(--grad-hero);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.course-card-body{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.course-card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.offer-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-base) var(--ease-smooth);position:relative;overflow:hidden}.offer-card:before{content:"";background:var(--grad-hero);height:3px;position:absolute;top:0;left:0;right:0}.offer-card:hover{box-shadow:var(--shadow-glow);border-color:#6049f366;transform:translateY(-3px)}.hero-section{align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--bg-base);position:absolute;inset:0}.hero-bg:before{content:"";pointer-events:none;background:radial-gradient(#6049f31f 0%,#0000 60%);width:80vw;height:80vw;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.hero-bg:after{content:"";pointer-events:none;background:radial-gradient(#16caa614 0%,#0000 60%);width:50vw;height:50vw;position:absolute;bottom:-20%;right:-10%}.navbar{z-index:200;padding:0 var(--space-6);background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);height:70px;box-shadow:var(--header-shadow);transition:background var(--duration-base) var(--ease-smooth), box-shadow var(--duration-base) var(--ease-smooth), border-color var(--duration-base) var(--ease-smooth), height var(--duration-base) var(--ease-smooth);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--header-bg-scrolled);border-bottom:1px solid var(--header-border-scrolled);height:66px;box-shadow:var(--header-shadow-scrolled)}.navbar-spacer{height:70px}.navbar-brand{background:var(--grad-hero);-webkit-text-fill-color:transparent;transition:transform var(--duration-fast);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:1.45rem;font-weight:800;text-decoration:none;display:flex}.navbar-brand:hover{transform:translateY(-1px)}.navbar-brand-text{letter-spacing:-.02em;font-weight:900}.navbar-logo-img{border-radius:8px;box-shadow:0 2px 8px #00000026;object-fit:contain!important;width:auto!important;height:38px!important;max-height:38px!important}.navbar-links{background:var(--header-pill-bg);border:1px solid var(--header-pill-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:4px;margin:0;padding:4px 6px;list-style:none;display:flex}.navbar-link{border-radius:var(--radius-full);color:var(--header-link);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;padding:8px 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar-link:hover{color:var(--header-link-hover);background:var(--header-pill-bg);border-color:#2b6cee2e;transform:translateY(-1px)}.navbar-link.active{color:var(--header-link-active);background:#2b6cee26;border-color:#427cf059;font-weight:700;box-shadow:0 2px 10px #1152d440}[data-theme=light] .navbar-link.active{color:var(--primary);background:#1152d41f;border-color:#1152d440;box-shadow:0 2px 8px #1152d426}.navbar-actions{align-items:center;gap:var(--space-2);display:flex}.navbar-lang-toggle,.navbar-theme-toggle{border:1px solid var(--header-btn-border)!important;background:var(--header-btn-bg)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:all var(--duration-fast)!important;box-shadow:var(--shadow-sm)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;font-weight:700!important;display:inline-flex!important}.navbar-lang-toggle:hover,.navbar-theme-toggle:hover{background:var(--bg-card-hover)!important;border-color:var(--primary-light)!important;color:var(--primary-light)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1152d433!important}.navbar-desktop-actions{align-items:center;gap:var(--space-2);display:flex}.navbar-desktop-actions .btn-outline{border-color:var(--header-btn-border);color:var(--text-primary);background:var(--header-btn-bg);box-shadow:var(--shadow-sm);font-weight:600}.navbar-desktop-actions .btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#1152d41a;transform:translateY(-1px)}.navbar-desktop-actions .btn-primary{font-weight:700;box-shadow:0 4px 16px #1152d459}@media (width<=768px){.navbar-links{display:none}}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.page-header:after{content:"";background:var(--grad-hero);border-radius:var(--radius-full);width:60px;height:2px;position:absolute;bottom:-1px;left:0}[dir=rtl] .page-header:after{left:auto;right:0}.page-header h2{letter-spacing:-.025em;color:var(--text-primary);align-items:center;gap:10px;margin:0 0 6px;font-size:1.7rem;font-weight:800;display:flex}.page-header p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);font-size:.9rem;display:flex}.alert-error{color:#ed9191;background:#df3a3a1f;border:1px solid #df3a3a4d}.alert-success{color:#7de8a4;background:#22c35d1f;border:1px solid #22c35d4d}.alert-info{color:#8cd0f2;background:#30abe81f;border:1px solid #30abe84d}.tabs{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.tab-item{border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;padding:8px 18px;font-size:.875rem;font-weight:500}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.progress-bar{background:var(--bg-surface);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{background:var(--grad-hero);border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-smooth)}.page-header{margin-bottom:var(--space-8)}.page-header h2{margin-bottom:var(--space-1)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);opacity:.4}.quiz-option{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-fast);margin-bottom:var(--space-3);padding:14px 16px;display:flex}.quiz-option:hover{border-color:var(--primary);background:#6049f30d}.quiz-option.selected{border-color:var(--primary);background:#6049f31f}.quiz-option.correct{border-color:var(--success);background:#22c35d1f}.quiz-option.wrong{border-color:var(--danger);background:#df3a3a1f}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;transition:all var(--duration-base);color:var(--text-muted)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary);color:var(--primary-light);background:#6049f30d}.counter-badge{background:var(--danger);border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.glow-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;animation:2s infinite pulse}.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}@media (width<=768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.PhoneInput.form-input{align-items:center;padding:6px 16px;display:flex}.PhoneInputInput{flex:1;padding:6px 0;font-family:inherit;font-size:.9rem;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.PhoneInputInput::placeholder{color:var(--text-muted)}.PhoneInputCountry{align-items:center;margin-right:12px;display:flex}[dir=rtl] .PhoneInputCountry{margin-left:12px;margin-right:0}.PhoneInputCountryIcon{border:1px solid var(--border);width:24px;height:18px;box-shadow:none}.PhoneInputCountrySelectArrow{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);opacity:.7}.hero-modern{background:radial-gradient(circle at 50% 10%,#0f0f15 0%,#09090b 100%);align-items:center;min-height:94vh;padding:60px 0 80px;display:flex;position:relative;overflow:hidden}.hero-aurora-wrap{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-aurora-orb{filter:blur(90px);opacity:.45;mix-blend-mode:screen;border-radius:50%;animation:18s ease-in-out infinite alternate auroraFloat;position:absolute}.hero-aurora-1{background:radial-gradient(circle,#1f68f999 0%,#0000 70%);width:550px;height:550px;animation-duration:16s;top:-100px;left:20%}.hero-aurora-2{background:radial-gradient(circle,#7b25f473 0%,#0000 70%);width:600px;height:600px;animation-duration:22s;animation-delay:-4s;bottom:-50px;right:5%}.hero-aurora-3{background:radial-gradient(circle,#f9bc064d 0%,#0000 70%);width:400px;height:400px;animation-duration:19s;animation-delay:-8s;top:40%;left:-50px}@keyframes auroraFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.1)}to{transform:translate(-30px,40px)scale(.95)}}.hero-grid-pattern{pointer-events:none;background-image:linear-gradient(90deg,#e0e4eb0a 1px,#0000 1px),linear-gradient(#e0e4eb0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.hero-split-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:52px;display:grid}@media (width<=992px){.hero-split-grid{text-align:center;grid-template-columns:1fr;gap:40px}}.hero-trust-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--primary-light);letter-spacing:.02em;background:#1152d41f;border:1px solid #2b6cee4d;border-radius:9999px;align-items:center;gap:10px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #1152d426}.live-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 10px #10b981}@keyframes pulseDot{0%{opacity:.8;transform:scale(.9);box-shadow:0 0 #10b981b3}70%{opacity:1;transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{opacity:.8;transform:scale(.9);box-shadow:0 0 #10b98100}}.hero-social-proof{align-items:center;gap:16px;margin-top:28px;display:flex}@media (width<=992px){.hero-social-proof{justify-content:center}}.avatar-stack{align-items:center;display:flex}.avatar-stack-item{border:2px solid var(--bg-card);object-fit:cover;background:var(--bg-surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-left:-12px;font-size:.85rem;font-weight:700;display:flex}[dir=rtl] .avatar-stack-item{margin-left:0;margin-right:-12px}.avatar-stack-item:first-child{margin-left:0;margin-right:0}.hero-showcase-box{border-radius:var(--radius-xl);background:linear-gradient(135deg,#427cf04d 0%,#7d30e826 50%,#f9bc0640 100%);padding:12px;position:relative;box-shadow:0 24px 60px #000000b3,0 0 40px #135bec40}.hero-showcase-inner{border-radius:calc(var(--radius-xl) - 6px);background:var(--bg-card);aspect-ratio:16/11;position:relative;overflow:hidden}.hero-showcase-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-smooth)}.hero-showcase-box:hover .hero-showcase-img{transform:scale(1.04)}.floating-glass-badge{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#16161dd9;border:1px solid #477eeb4d;align-items:center;gap:10px;padding:10px 16px;animation:5s ease-in-out infinite alternate floatSlow;display:flex;position:absolute;box-shadow:0 12px 28px #00000080,0 0 20px #135bec33}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hero-metrics-ribbon{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111117b3;border:1px solid #e0e4eb1a;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;padding:24px 32px;display:grid;box-shadow:0 16px 40px #0006}@media (width<=768px){.hero-metrics-ribbon{grid-template-columns:repeat(2,1fr);gap:16px;padding:18px 20px}}.metric-item{text-align:center;position:relative}.metric-item:not(:last-child):after{content:"";background:#e0e4eb1a;width:1px;position:absolute;top:15%;bottom:15%;right:-10px}[dir=rtl] .metric-item:not(:last-child):after{left:-10px;right:auto}@media (width<=768px){.metric-item:not(:last-child):after{display:none}}.metric-val{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 40%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800}.metric-label{color:var(--text-muted);margin-top:2px;font-size:.85rem;font-weight:500}.video-hub-card{border-radius:var(--radius-xl);background:#0f0f15cc;border:1px solid #406abf33;padding:12px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.video-ambient-glow{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#2b6cee40 0%,#0000 65%);position:absolute;inset:0}.video-tabs-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.video-tab-btn{border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:all var(--duration-fast);align-items:center;gap:8px;padding:10px 22px;font-size:.92rem;font-weight:600;display:inline-flex}.video-tab-btn:hover{border-color:var(--primary-light);color:var(--text-primary)}.video-tab-btn.active{background:linear-gradient(135deg, var(--primary) 0%, #6e30e8 100%);color:#fff;border-color:#0000;box-shadow:0 4px 18px #1152d466}.roadmap-container{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}@media (width<=992px){.roadmap-container{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.roadmap-container{grid-template-columns:1fr}}.roadmap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-smooth);flex-direction:column;height:100%;padding:32px 24px;display:flex;position:relative}.roadmap-card:hover{box-shadow:0 16px 36px #135bec26, var(--shadow-md);background:var(--bg-card-hover);border-color:#427cf066;transform:translateY(-6px)}.step-num-badge{width:44px;height:44px;color:var(--primary-light);background:linear-gradient(135deg,#2b6cee33,#7d30e833);border:1px solid #427cf04d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.1rem;font-weight:800;display:flex}.interactive-level-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#151c28f2 0%,#12121cf2 100%);border:1px solid #427cf04d;padding:44px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 1px #759ef033}@media (width<=768px){.interactive-level-card{padding:28px 20px}}.quiz-pill-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);text-align:left;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.95rem;font-weight:600;display:flex}[dir=rtl] .quiz-pill-btn{text-align:right}.quiz-pill-btn:hover{border-color:var(--primary-light);background:var(--bg-card-hover);color:var(--text-primary)}.quiz-pill-btn.active{border-color:var(--primary-light);color:#fff;background:#1152d426;box-shadow:0 0 16px #1152d440}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=992px){.testimonial-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-smooth);flex-direction:column;justify-content:space-between;padding:32px 24px;display:flex}.testimonial-card:hover{border-color:#f9bc0659;transform:translateY(-4px);box-shadow:0 16px 36px #0006}.faq-accordion-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color var(--duration-fast);margin-bottom:14px;overflow:hidden}.faq-accordion-item.open{border-color:var(--primary-light);box-shadow:0 8px 24px #1152d41a}.faq-accordion-btn{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1.05rem;font-weight:600;display:flex}[dir=rtl] .faq-accordion-btn{text-align:right}.faq-accordion-content{color:var(--text-secondary);padding:0 24px 20px;font-size:.95rem;line-height:1.7}.vip-cta-box{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#08255ecc 0%,#210845cc 50%,#0d0d12f2 100%);border:1px solid #427cf066;padding:72px 48px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 60px #135bec40}@media (width<=768px){.vip-cta-box{padding:48px 24px}}.btn-whatsapp{color:#fff;background:#25d366;border:none;font-weight:700;box-shadow:0 4px 18px #25d36666}.btn-whatsapp:hover{color:#fff;background:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 24px #25d36680}.landing-floating-whatsapp{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:1px solid #ffffff47;border-radius:9999px;align-items:center;gap:10px;padding:12px 22px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:inline-flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 30px #25d36673,0 2px 8px #0003;color:#fff!important}[dir=rtl] .landing-floating-whatsapp{left:28px;right:auto}.landing-floating-whatsapp:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 38px #25d366a6,0 4px 12px #00000040;color:#fff!important}.floating-whatsapp-pulse{pointer-events:none;border:2px solid #25d366;border-radius:9999px;animation:2.2s ease-out infinite wa-advisor-pulse;position:absolute;inset:-4px}@keyframes wa-advisor-pulse{0%{opacity:.8;transform:scale(.96)}50%{opacity:0;transform:scale(1.12)}to{opacity:0;transform:scale(.96)}}.floating-whatsapp-dot{background:#a7f3d0;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.8s ease-in-out infinite wa-dot-blink;box-shadow:0 0 8px #a7f3d0}@keyframes wa-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.floating-whatsapp-icon{filter:drop-shadow(0 1px 2px #0003);flex-shrink:0}.floating-whatsapp-label{white-space:nowrap;letter-spacing:.01em}@media (width<=640px){.landing-floating-whatsapp{border-radius:50%;justify-content:center;width:54px;height:54px;padding:0;bottom:20px;right:20px}[dir=rtl] .landing-floating-whatsapp{left:20px;right:auto}.floating-whatsapp-pulse{border-radius:50%}.floating-whatsapp-dot{position:absolute;top:10px;right:12px}[dir=rtl] .floating-whatsapp-dot{left:12px;right:auto}.floating-whatsapp-label{display:none}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";background:linear-gradient(60deg,#0000 35%,#ffffff40 50%,#0000 65%);width:200%;height:200%;animation:4s infinite btnShimmer;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}@keyframes btnShimmer{0%{transform:translate(-100%)}30%,to{transform:translate(100%)}}.track-filter-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.track-filter-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);padding:10px 20px;font-size:.9rem;font-weight:600}.track-filter-btn:hover{border-color:var(--primary-light);color:var(--text-primary)}.track-filter-btn.active{background:var(--grad-hero);color:#fff;border-color:#0000;box-shadow:0 4px 16px #1152d459}.navbar-logo-img{border-radius:8px;object-fit:contain!important;width:auto!important;height:36px!important;max-height:36px!important}.navbar-mobile-toggle{display:none}@media (width<=768px){.navbar{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);height:64px;box-shadow:var(--header-shadow);padding:0 16px}.navbar-spacer{height:64px}.navbar-logo-img{height:34px!important}.navbar-brand-text{font-size:1.3rem!important}.navbar-links,.navbar-desktop-actions{display:none!important}.navbar-mobile-toggle{background:var(--header-btn-bg);border:1px solid var(--header-btn-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex!important}.navbar-mobile-toggle:active{transform:scale(.92)}.navbar-lang-toggle,.navbar-theme-toggle{font-size:.8rem;padding:7px 11px!important}}.mobile-drawer-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);z-index:9999;animation:.25s ease-out forwards drawerFadeIn;position:fixed;inset:64px 0 0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-content{background:var(--bg-surface);border-bottom:2px solid var(--primary);border-left:1px solid var(--header-border);border-right:1px solid var(--header-border);box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;border-radius:0 0 28px 28px;max-height:calc(100vh - 80px);padding:20px 18px 26px;animation:.3s cubic-bezier(.16,1,.3,1) forwards drawerSlideDown;overflow-y:auto}[data-theme=light] .mobile-drawer-content{border-bottom:2px solid var(--primary);background:#fff;box-shadow:0 24px 60px #0f172a29}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.mobile-drawer-user-card{background:#2b6cee14;border:1px solid #2b6cee33;border-radius:14px;margin-bottom:16px;padding:12px 14px}.mobile-user-avatar{background:var(--grad-hero);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-drawer-links{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.mobile-drawer-link{color:var(--text-secondary);background:0 0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:#fff;background:#2b6cee1f}.mobile-link-icon-box{width:32px;height:32px;color:var(--primary-light);background:#f0f2f40f;border-radius:8px;justify-content:center;align-items:center;display:flex}.mobile-drawer-link.active .mobile-link-icon-box{background:var(--primary);color:#fff}.mobile-link-chevron{opacity:.4;transition:transform .2s}[dir=rtl] .mobile-link-chevron{transform:rotate(180deg)}.mobile-drawer-footer{border-top:1px solid var(--border);flex-direction:column;gap:16px;padding-top:16px;display:flex}.mobile-drawer-settings-row{gap:10px;display:flex}.mobile-drawer-pill-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.mobile-drawer-pill-btn:hover{border-color:var(--primary-light);color:var(--text-primary)}@media (width<=768px){.hero-modern{min-height:auto;padding:30px 0 50px!important}.hero-trust-pill{margin-bottom:14px;padding:5px 12px;font-size:.78rem}.hero-social-proof{gap:12px;margin-top:20px}.avatar-stack-item{width:32px;height:32px;font-size:.75rem}.hero-showcase-box{margin-top:10px;padding:8px}.floating-glass-badge{border-radius:8px!important;gap:6px!important;padding:6px 10px!important}}@media (width<=576px){.hero-cta-btns{flex-direction:column;gap:12px;width:100%}.hero-cta-btns .btn{justify-content:center;width:100%;padding:14px 20px;font-size:.95rem}.hero-metrics-ribbon{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-top:32px!important;padding:16px 12px!important}.metric-val{font-size:1.5rem!important}.metric-label{font-size:.75rem!important}}@media (width<=768px){.track-filter-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;justify-content:flex-start!important;margin-left:-16px!important;margin-right:-16px!important;padding:4px 16px 12px!important;overflow-x:auto!important}.track-filter-tabs::-webkit-scrollbar{display:none!important}.track-filter-btn{white-space:nowrap!important;flex-shrink:0!important;padding:8px 16px!important;font-size:.85rem!important}}.course-detail-layout{grid-template-columns:1fr 340px;align-items:start;gap:40px;display:grid}.course-mobile-sticky-bar{display:none}@media (width<=992px){.course-detail-layout{grid-template-columns:1fr!important;gap:24px!important}.course-mobile-sticky-bar{z-index:999;-webkit-backdrop-filter:blur(20px);padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#0a0e1aeb;border-top:1px solid #427cf04d;align-items:center;gap:16px;animation:.3s ease-out stickySlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0009}@keyframes stickySlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (width<=768px){:is(.table-wrapper,.table-responsive,.card:has(table),.card:has(.table-wrapper)){-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.table-wrapper table,.table-responsive table,.card table{width:100%;min-width:580px}th,td{white-space:nowrap;padding:10px 12px!important;font-size:.82rem!important}.card{border-radius:var(--radius-md);padding:16px 14px}.stat-card{border-radius:var(--radius-md)!important;gap:12px!important;padding:14px 12px!important}.stat-icon{border-radius:8px!important;flex-shrink:0!important;width:38px!important;height:38px!important}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.8rem!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:18px!important}.page-header>div:last-child{flex-wrap:wrap;gap:8px;width:100%;display:flex}.page-header>div:last-child>.btn,.page-header>div:last-child>a{text-align:center;flex:auto;justify-content:center}.modal,.modal-box,.modal-content{border-radius:var(--radius-lg)!important;width:95vw!important;max-width:95vw!important;max-height:88vh!important;margin:8px auto!important;padding:18px 14px!important}.modal-header{margin-bottom:14px!important}.modal-header h2,.modal-header h3,.modal-header h4{font-size:1.15rem!important}.tabs,.tabs-bar,.nav-tabs,[role=tablist]{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;max-width:100%!important;overflow-x:auto!important}.tabs::-webkit-scrollbar{display:none!important}.tabs-bar::-webkit-scrollbar{display:none!important}.nav-tabs::-webkit-scrollbar{display:none!important}[role=tablist]::-webkit-scrollbar{display:none!important}.tab-item,.tabs-bar button,.nav-tabs button,[role=tablist] button{white-space:nowrap!important;flex-shrink:0!important}}@media (width<=640px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],select,textarea{font-size:16px!important}.btn{min-height:42px}.form-group{margin-bottom:12px}}.enroll-container{max-width:1040px;margin:0 auto;padding:0 4px}.enroll-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:28px;display:grid}@media (width<=900px){.enroll-grid{grid-template-columns:1fr;gap:20px}}.payment-method-item{border-radius:var(--radius-md,12px);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;flex-direction:column;gap:12px;padding:16px;transition:all .25s;display:flex;position:relative;overflow:hidden}@media (width>=580px){.payment-method-item{flex-direction:row;justify-content:space-between;align-items:center}}.payment-method-item:hover{border-color:var(--primary-light);transform:translateY(-1px)}.payment-number-box{border:1px solid var(--border);background:#0d0d12cc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;display:inline-flex;direction:ltr!important}@media (width>=580px){.payment-number-box{width:auto}}.payment-number-text{letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.05rem;font-weight:700}.payment-copy-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.payment-copy-btn:hover{border-color:var(--primary-light);background:#ffffff2e}.payment-copy-btn.copied{border-color:var(--success);color:var(--success);background:#28bd5f40}.payment-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg,16px);text-align:center;cursor:pointer;background:#16161d66;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px 16px;transition:all .25s;display:flex}.payment-upload-zone:hover,.payment-upload-zone.drag-over{border-color:var(--primary-light);background:#1152d414}.payment-amount-box{border-radius:var(--radius-lg,16px);background:linear-gradient(135deg,#1152d41f 0%,#ab30e814 100%);border:1px solid #427cf040;flex-direction:column;gap:6px;padding:18px;display:flex}@media (width<=768px){.sales-mobile-card-list{display:flex!important}.sales-desktop-table{display:none!important}}@media (width>=769px){.sales-mobile-card-list{display:none!important}.sales-desktop-table{display:block!important}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
