@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.jee-slider{--bg-r: 14;--bg-g: 23;--bg-b: 42;--surface: #0d1117;--panel: #0b0f16;--text: #e5e7eb;--muted: #a3aab8;width:100%;display:grid;place-items:center;padding:24px 0;overflow-x:hidden}.jee-slider{background:radial-gradient(1200px 520px at 50% 0%,rgba(var(--bg-r),var(--bg-g),var(--bg-b),.18),#0000 70%),linear-gradient(180deg,#0d1117fa,#0d1117eb)}.jee-slider,.jee-slider *{box-sizing:border-box}.jee-slider .panel{width:min(1280px,96vw);background:linear-gradient(180deg,#0b0f16b3,#0b0f169e);border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 12px 30px #0000008c;display:grid;grid-template-rows:auto auto auto;gap:12px;padding:14px}.jee-slider .slider-header{text-align:center}.jee-slider .slider-header .badge{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:700;font-size:.88rem;color:var(--text);background:rgba(var(--bg-r),var(--bg-g),var(--bg-b),.18);border:1px solid rgba(var(--bg-r),var(--bg-g),var(--bg-b),.35);-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.jee-slider .slider-header .heading{margin:10px 0 0;font-family:Poppins,sans-serif;font-weight:800;letter-spacing:.3px;color:var(--text);text-shadow:0 1px 0 rgba(0,0,0,.35)}.jee-slider .frame{position:relative;margin-inline:auto;width:clamp(640px,52vw,1080px);aspect-ratio:16/9;overflow:visible;border-radius:18px}.jee-slider .stage{position:relative;width:100%;height:100%;perspective:1200px}.jee-slider .card{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:transparent;cursor:pointer;display:block;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #0009;transition:transform .42s cubic-bezier(.2,.6,.2,1),opacity .32s ease,filter .32s ease}.jee-slider .card img{width:100%;height:100%;object-fit:cover;display:block}.jee-slider .card.hidden{opacity:0;pointer-events:none;transform:translate(0) scale(.46);filter:blur(.5px)}.jee-slider .card.current{z-index:3;transform:translate(0) scale(.64);opacity:1;filter:none}.jee-slider .card.prev{z-index:2;transform:translate(-42%) scale(.5);opacity:.58;filter:saturate(.9) brightness(.82) contrast(.98)}.jee-slider .card.next{z-index:2;transform:translate(42%) scale(.5);opacity:.58;filter:saturate(.9) brightness(.82) contrast(.98)}.jee-slider .nav{position:absolute;top:50%;transform:translateY(-50%);height:44px;width:44px;border-radius:999px;border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;background:#111827db;color:var(--text);box-shadow:0 8px 22px #00000080;cursor:pointer;z-index:5;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.jee-slider .nav svg{font-size:20px}.jee-slider .nav:hover{background:#1f2937f2;box-shadow:0 10px 28px #0009;transform:translateY(-50%) scale(1.06)}.jee-slider .nav.prev{left:10px}.jee-slider .nav.next{right:10px}.jee-slider .dots-row{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:6px}.jee-slider .dots-row .dot{width:9px;height:9px;border-radius:999px;border:none;background:#ffffff59;cursor:pointer;transition:width .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 0 4px #00000073}.jee-slider .dots-row .dot.active{width:26px;background:rgba(var(--bg-r),var(--bg-g),var(--bg-b),.8);box-shadow:0 0 8px rgba(var(--bg-r),var(--bg-g),var(--bg-b),.65),0 2px 10px #0000008c}@media (max-width: 1024px){.jee-slider .frame{width:clamp(560px,70vw,900px)}.jee-slider .card.current{transform:translate(0) scale(.74)}.jee-slider .card.prev{transform:translate(-34%) scale(.56)}.jee-slider .card.next{transform:translate(34%) scale(.56)}}@media (max-width: 768px){.jee-slider{padding:18px 0 20px}.jee-slider .panel{padding:12px 10px 14px}.jee-slider .frame{width:100%;aspect-ratio:16/9;overflow:hidden}.jee-slider .card.current{transform:translate(0) scale(1)}.jee-slider .card.prev,.jee-slider .card.next{opacity:0;pointer-events:none;transform:translate(0) scale(.96);filter:blur(.2px) brightness(.95)}}.jee-courses{--bg: #0d1117;--panel: #111827;--line: rgba(255, 255, 255, .08);--text: #e5e7eb;--muted: #9ca3af;--green: #22c55e;--green-hover: #16a34a;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);padding:20px 0 28px}.jee-courses .courses-header{width:min(1100px,95vw);margin:0 auto 16px;text-align:center}.jee-courses .courses-header h2{margin:0;font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);font-weight:800;color:var(--text)}.jee-courses .grid{width:min(1200px,95vw);margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:stretch}.jee-courses .card{width:360px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #0000008c,0 0 18px #ffffff14,0 0 20px #22c55e2e;display:flex;flex-direction:column;transition:box-shadow .25s ease}.jee-courses .card:hover{box-shadow:0 6px 16px #0000008c,0 0 18px #ffffff14,0 0 20px #22c55e2e}.jee-courses .card .thumb{position:relative;border:0;padding:0;background:transparent;cursor:pointer}.jee-courses .card .thumb .image-wrapper{width:100%;aspect-ratio:16/9;overflow:hidden}.jee-courses .card .thumb .image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.jee-courses .card .thumb:hover .image-wrapper img{transform:scale(1.02)}.jee-courses .card .thumb .badge.status{position:absolute;left:8px;top:8px;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:capitalize;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jee-courses .card .thumb .badge.status.open{background:#22c55ed9}.jee-courses .card .thumb .badge.status.running{background:#0ea5e9d9}.jee-courses .card .thumb .badge.status.closed{background:#ef4444d9}.jee-courses .card .body{display:grid;gap:8px;padding:10px 12px 14px}.jee-courses .card .body .title{font-size:1rem;font-weight:800;color:var(--text);margin:0}.jee-courses .card .body .desc{color:var(--muted);font-size:.86rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.jee-courses .card .body .meta .price{font-weight:700;font-size:.95rem;color:var(--text)}.jee-courses .card .body .actions{display:grid;gap:6px}.jee-courses .card .body .actions .btn{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--line);font-weight:700;cursor:pointer;background:transparent;color:var(--text);transition:background .2s ease,color .2s ease,border-color .2s ease}.jee-courses .card .body .actions .btn.primary{background:var(--green);border-color:var(--green);color:#fff}.jee-courses .card .body .actions .btn.primary:hover{background:var(--green-hover);border-color:var(--green-hover)}.jee-courses .card .body .actions .btn.outline:hover{background:#ffffff0f}@media (max-width: 768px){.jee-courses .grid{gap:14px}.jee-courses .card{width:100%}}.index-page .logo{width:100%;display:flex;align-items:center;justify-content:center;color:red}.index-page .logo img{height:200px}.jee-lock{overflow:hidden}.jee-nav{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:sticky;top:0;z-index:1000;background:#0d1117;border-bottom:1px solid rgba(255,255,255,.08)}.jee-nav .container{max-width:1240px;margin:0 auto;padding:12px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}@media (min-width: 1024px){.jee-nav .container{grid-template-columns:auto 1fr auto auto}}.jee-nav .logo{display:inline-flex;align-items:center}.jee-nav .logo img{height:36px;width:auto;display:block}@media (min-width: 1024px){.jee-nav .logo img{height:40px}}.jee-nav .center{display:none}@media (min-width: 1024px){.jee-nav .center{display:grid;justify-content:center}.jee-nav .center ul{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.jee-nav .center a{text-decoration:none;color:#9ca3af;font-weight:600;transition:color .2s ease}.jee-nav .center a:hover{color:#e5e7eb}.jee-nav .center a.active,.jee-nav .center a[aria-current=page]{color:#0a84ff}}.jee-nav .auth{display:none}@media (min-width: 1024px){.jee-nav .auth{display:block;justify-self:end}}.jee-nav .auth .pill{border:0;padding:10px 18px;border-radius:999px;background:#0a84ff;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease,transform .15s ease}.jee-nav .auth .pill:hover{background:#0069d9}.jee-nav .auth .pill:active{transform:translateY(1px)}.jee-nav .auth .pill .nav-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-right:6px;flex:0 0 auto}.jee-nav .dashboard-mobile{display:inline-flex;align-items:center;gap:8px;background:#0a84ff;color:#fff;font-weight:700;padding:8px 14px;border-radius:999px;border:0;font-size:.9rem;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;justify-self:end;white-space:nowrap;max-width:62vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 16px #0a84ff40}.jee-nav .dashboard-mobile:hover{background:#0069d9}.jee-nav .dashboard-mobile:active{transform:translateY(1px)}.jee-nav .dashboard-mobile .nav-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-right:6px;flex:0 0 auto}.jee-nav .dashboard-mobile svg{font-size:1rem;flex:0 0 auto}@media (min-width: 1024px){.jee-nav .dashboard-mobile{display:none}}@media (max-width: 480px){.jee-nav .dashboard-mobile .nav-avatar,.jee-nav .auth .pill .nav-avatar{width:18px;height:18px}}.jee-nav .hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:transparent;border:none;cursor:pointer;padding:0;justify-self:end}@media (min-width: 1024px){.jee-nav .hamburger{display:none}}.jee-nav .hamburger span{display:block;width:100%;height:2px;background:#e5e7eb;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.jee-nav .hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(7px)}.jee-nav .hamburger.active span:nth-child(2){opacity:0}.jee-nav .hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.jee-nav .mobile{position:absolute;top:100%;left:0;right:0;transform-origin:top;transform:scaleY(0);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #00000073}.jee-nav .mobile.open{transform:scaleY(1);opacity:1;pointer-events:auto}.jee-nav .mobile .mobile-nav{display:grid;gap:6px;padding:12px 16px 16px}.jee-nav .mobile .mobile-nav a{text-decoration:none;color:#e5e7eb;padding:12px 10px;border-radius:10px;font-weight:500;transition:background .2s ease}.jee-nav .mobile .mobile-nav a:hover{background:#1f2937}.jee-nav .mobile .mobile-nav .pill.full{margin-top:6px;width:100%;border:0;padding:12px;border-radius:12px;font-weight:700;background:#0a84ff;color:#fff;cursor:pointer}.jee-nav .mobile .mobile-nav .pill.full:hover{background:#0069d9}@media (min-width: 1024px){.jee-nav .mobile{display:none}}.jee-footer{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0c1220;color:#fff;width:100%;margin:0;padding:0;overflow-x:clip}.jee-footer .top{padding:32px 24px;display:grid;gap:28px}@media (min-width: 768px){.jee-footer .top{grid-template-columns:1.5fr 2fr;align-items:start}}.jee-footer .top .brand .logo{height:100px;display:block;margin:0 0 12px}.jee-footer .top .brand .tagline{margin:0;color:#9fb0c9;line-height:1.6}.jee-footer .top .links{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.jee-footer .top .links .col h4{margin:0 0 10px;font-size:1rem;font-weight:700;color:#fff}.jee-footer .top .links .col a{display:block;color:#d7dff0;text-decoration:none;font-size:.95rem;padding:4px 0;transition:color .2s ease}.jee-footer .top .links .col a:hover{color:#0a84ff}.jee-footer .top .links .col p{margin:6px 0;color:#d7dff0;font-size:.95rem}.jee-footer .top .links .col p a{color:#d7dff0;text-decoration:none}.jee-footer .top .links .col p a:hover{color:#0a84ff}.jee-footer .bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 24px;display:flex;flex-direction:column;gap:10px;text-align:center}@media (min-width: 768px){.jee-footer .bottom{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}.jee-footer .bottom p{margin:0;color:#d7dff0;font-size:.9rem}.jee-footer .bottom .social{display:flex;gap:14px;justify-content:center}.jee-footer .bottom .social a{color:#d7dff0;font-weight:700;text-decoration:none}.jee-footer .bottom .social a:hover{color:#fff}html,body,#root{height:100%;margin:0;padding:0;background:#0d1117;color:#e5e7eb;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app-root{min-height:100%;display:flex;flex-direction:column;background:inherit;color:inherit}.app-main{flex:1;min-height:0}.course-details-page{--bg: #0b1220;--panel: #111827;--panel-soft: #0f172a;--line: rgba(255, 255, 255, .08);--text: #e5e7eb;--muted: #9ca3af;--blue: #60a5fa;--green: #22c55e;--green-700: #16a34a;--red: #ef4444;font-family:Poppins,Tiro Bangla,sans-serif;color:var(--text);background:var(--bg)}.course-details-page .container{width:min(1100px,92vw);margin:0 auto}.course-details-page .hero{position:relative;background:var(--panel)}.course-details-page .hero .hero-media{width:100vw;height:auto;overflow:hidden;border-bottom:1px solid var(--line);position:relative}.course-details-page .hero .hero-media img,.course-details-page .hero .hero-media .hero-fallback{width:100vw;height:auto;display:block;object-fit:cover;filter:saturate(1.02) contrast(1.02)}.course-details-page .hero .hero-media .hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000040,#0000008c)}.course-details-page .hero .hero-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:1rem;color:#fff}.course-details-page .hero .hero-content .status-pill{display:inline-block;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:700;margin-bottom:.6rem;text-transform:capitalize;border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 16px #00000059}.course-details-page .hero .hero-content .status-pill.open{background:#2563eb}.course-details-page .hero .hero-content .status-pill.running{background:#059669}.course-details-page .hero .hero-content .status-pill.closed{background:#dc2626}.course-details-page .hero .hero-content .course-title{font-size:clamp(1.6rem,2.5vw + 1rem,2.3rem);font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.5)}.course-details-page .hero .hero-content .course-sub{max-width:850px;font-size:1rem;color:#e5e7eb;opacity:.95;margin-top:.2rem}.course-details-page .body-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.2rem;margin:1.6rem auto 2rem}.course-details-page .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem 1.2rem;box-shadow:0 10px 28px #0000008c,0 0 10px #ffffff0d}.course-details-page .instructor-card .section-title{display:flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.1rem;color:var(--blue)}.course-details-page .instructor-card .section-title .icon{color:var(--blue);font-size:1.2rem}.course-details-page .instructor-card .instructor-head{margin-top:.8rem;display:flex;align-items:center;gap:1rem}.course-details-page .instructor-card .instructor-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--green);box-shadow:0 8px 18px #00000073}.course-details-page .instructor-card .instructor-text h2{font-size:1.05rem;font-weight:800;color:var(--text)}.course-details-page .instructor-card .instructor-text .muted{color:var(--muted);font-size:.9rem;font-weight:600}.course-details-page .about-card{margin-top:1rem}.course-details-page .about-card .section-title{display:flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.1rem;color:var(--blue)}.course-details-page .about-card .section-title .icon{color:var(--blue);font-size:1.2rem}.course-details-page .about-card .about-block{display:flex;align-items:center;gap:.6rem;background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;padding:.65rem .75rem;margin-top:.6rem}.course-details-page .about-card .about-block .icon-wrapper{flex:0 0 50px;width:50px;height:50px;aspect-ratio:1/1;align-self:center;border-radius:50%;display:grid;place-items:center;background-color:#001e39;box-sizing:border-box}.course-details-page .about-card .about-block .icon-wrapper .block-icon{font-size:1.5rem;line-height:1;color:var(--blue)}.course-details-page .about-card .about-block .about-text{line-height:1.6;color:var(--text);font-size:.95rem;text-align:justify}.course-details-page .about-card .about-list-container{padding:15px}.course-details-page .about-card .about-list-container .about-list{display:flex;align-items:center;gap:10px}.course-details-page .about-card .about-list-container .about-list .list-icon.check{color:var(--green);flex-shrink:0}.course-details-page .about-card .about-list-container .about-list .about-text{margin:0;padding:0}@media (max-width: 600px){.course-details-page .about-card .about-block .icon-wrapper{flex-basis:42px;width:42px;height:42px}.course-details-page .about-card .about-block .icon-wrapper .block-icon{font-size:1.25rem}}.course-details-page .promo-card{padding:0;overflow:hidden}.course-details-page .promo-card .promo-media{width:100%;aspect-ratio:16/9;overflow:hidden;background:#0b0f18;border-bottom:1px solid var(--line)}.course-details-page .promo-card .promo-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02) contrast(1.05)}.course-details-page .promo-card .stats-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:.9rem}.course-details-page .promo-card .stats-tiles .tile{display:flex;flex-direction:column;align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;padding:.9rem .7rem;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 18px #00000059;transition:transform .2s ease}.course-details-page .promo-card .stats-tiles .tile:hover{transform:translateY(-2px)}.course-details-page .promo-card .stats-tiles .tile .tile-icon{font-size:1.6rem;padding:8px;border-radius:10px;margin-bottom:.45rem;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #00000059}.course-details-page .promo-card .stats-tiles .tile:nth-child(1) .tile-icon{background:linear-gradient(135deg,#60a5fa,#2563eb)}.course-details-page .promo-card .stats-tiles .tile:nth-child(2) .tile-icon{background:linear-gradient(135deg,#34d399,#059669)}.course-details-page .promo-card .stats-tiles .tile:nth-child(3) .tile-icon{background:linear-gradient(135deg,#f87171,#dc2626)}.course-details-page .promo-card .stats-tiles .tile .tile-text{text-align:center}.course-details-page .promo-card .stats-tiles .tile .tile-text .tile-title{font-size:.8rem;font-weight:600;color:var(--muted)}.course-details-page .promo-card .stats-tiles .tile .tile-text .tile-sub{font-weight:800;font-size:1rem;color:var(--text);text-transform:inherit}.course-details-page .price-card{margin-top:1rem;text-align:center;background:var(--panel);border:1px solid var(--line)}.course-details-page .price-card .price-line{font-size:1.2rem;font-weight:800;color:var(--text)}.course-details-page .price-card .price-line .old{margin-left:.5rem;text-decoration:line-through;color:var(--red);opacity:.9}.course-details-page .price-card .price-line .new{margin-left:.5rem;color:var(--green);text-shadow:0 0 10px rgba(34,197,94,.25)}.course-details-page .price-card .coupon-note{margin-top:.5rem;font-size:.9rem;color:var(--muted)}.course-details-page .price-card .btn-enroll{margin-top:.9rem;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(34,197,94,.25);background:var(--green);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #22c55e59,inset 0 -2px #00000040}.course-details-page .price-card .btn-enroll:hover{background:var(--green-700);border-color:#16a34a59}.course-details-page .mobile-cta{position:fixed;left:0;right:0;bottom:0;background:#0d1526;border-top:1px solid var(--line);box-shadow:0 -5px 30px #3e426073;padding:12px 14px 23px;display:none;z-index:50}.course-details-page .mobile-cta .cta-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;margin-bottom:20px}.course-details-page .mobile-cta .cta-title{color:var(--text);font-weight:800;font-size:1rem;line-height:1.1;max-width:65%;white-space:normal;word-break:break-word}.course-details-page .mobile-cta .cta-price{display:flex;align-items:flex-end;justify-content:flex-start;min-width:90px;gap:10px}.course-details-page .mobile-cta .cta-price .old{color:red;text-decoration:line-through;font-weight:600;font-size:1rem;margin-bottom:2px}.course-details-page .mobile-cta .cta-price .new{color:var(--green);font-weight:900;font-size:1.2rem}.course-details-page .mobile-cta .btn.primary{width:100%;background:var(--green);color:#fff;font-weight:900;padding:12px 14px;border-radius:12px;border:1px solid rgba(34,197,94,.25);transition:background .15s ease,transform .04s ease}.course-details-page .mobile-cta .btn.primary:hover{background:var(--green-hover)}.course-details-page .mobile-cta .btn.primary:active{transform:translateY(1px)}@media (max-width: 768px){.course-details-page .mobile-cta{display:block}}@media (max-width: 992px){.course-details-page .body-grid{grid-template-columns:1fr}}@media (max-width: 768px){.course-details-page{padding-bottom:80px}.course-details-page .promo-card .stats-tiles{grid-template-columns:repeat(3,1fr)}.course-details-page .promo-card .stats-tiles .tile{padding:.6rem}.course-details-page .promo-card .stats-tiles .tile .tile-icon{font-size:1.2rem;padding:6px}.course-details-page .promo-card .stats-tiles .tile .tile-text .tile-title{font-size:.7rem}.course-details-page .promo-card .stats-tiles .tile .tile-text .tile-sub{font-size:.85rem}}@media (min-width: 993px){.course-details-page .aside{position:sticky;top:calc(50vh - 200px);align-self:start}}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.loader-overlay .loader-container{display:inline-flex;align-items:center;justify-content:center}.loader-overlay .loader-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loader-overlay .loader-content p{font-weight:700;color:#007bff;font-size:14px}.loader-overlay .spinner{border:4px solid transparent;border-radius:50%;background:linear-gradient(#fff,#fff) content-box,linear-gradient(to right,#0000001a,#007bff) border-box;animation:spin .5s ease-in-out infinite;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list-course{padding:2rem;color:#f1f1f1;background:#121212;min-height:100vh}.list-course h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;font-weight:600;color:#fff}.list-course .course-form{max-width:800px;background:#1e1e1ed9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem;border-radius:12px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 4px 20px #00000080}.list-course .course-form .form-group{display:flex;flex-direction:column;gap:.5rem}.list-course .course-form .form-group label{font-size:.9rem;font-weight:500;color:#e0e0e0}.list-course .course-form .form-group input,.list-course .course-form .form-group textarea,.list-course .course-form .form-group select{padding:.7rem 1rem;border-radius:8px;border:1px solid #333;background:#1e1e1e;color:#f1f1f1;font-size:.95rem;outline:none;transition:border .2s ease}.list-course .course-form .form-group input:focus,.list-course .course-form .form-group textarea:focus,.list-course .course-form .form-group select:focus{border-color:#4f8cff}.list-course .course-form .form-group textarea{resize:vertical;min-height:100px}.list-course .course-form .form-group .preview{margin-top:.5rem;max-height:120px;max-width:100%;border-radius:8px;border:1px solid #333;object-fit:cover}.list-course .course-form .form-row{display:flex;gap:1rem}.list-course .course-form .form-row .form-group{flex:1}@media (max-width: 600px){.list-course .course-form .form-row{flex-direction:column}}.list-course .course-form .dynamic-field{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.6rem}.list-course .course-form .dynamic-field textarea{flex:1}.list-course .course-form .dynamic-field button{padding:.4rem .8rem;border:none;border-radius:6px;background:#b22222;color:#fff;font-size:.8rem;cursor:pointer;transition:background .2s ease}.list-course .course-form .dynamic-field button:hover{background:#d33}.list-course .course-form .instructor-fieldset{border:1px solid #333;padding:1rem;border-radius:10px;margin-top:1rem}.list-course .course-form .instructor-fieldset legend{padding:0 .5rem;font-size:1rem;font-weight:600;color:#ccc}.list-course .course-form .instructor-fieldset .form-group{margin-top:1rem}.list-course .course-form .submit-btn{margin-top:1rem;padding:.8rem 1.5rem;border:none;border-radius:8px;background:#4f8cff;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s ease}.list-course .course-form .submit-btn:hover{background:#3a6edc}.list-course .course-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.list-course .course-form button[type=button]{padding:.5rem 1rem;background:#333;color:#f1f1f1;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background .2s ease}.list-course .course-form button[type=button]:hover{background:#444}.enroll-page{--blue: #0a84ff;--green: #22c55e;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;max-width:820px;margin:2rem auto;padding:1.75rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #02081412;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.enroll-page *,.enroll-page *:before,.enroll-page *:after{box-sizing:inherit}.enroll-page h2{text-align:center;margin-bottom:1.25rem;color:var(--blue);font-weight:800;letter-spacing:.4px}.enroll-page .error{text-align:center;color:#dc2626;margin-bottom:1rem;font-weight:600}.enroll-page .enroll-form{display:grid;grid-template-columns:1fr;gap:.9rem}.enroll-page .enroll-form .form-row.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.9rem}.enroll-page .enroll-form .form-row.two>*{min-width:0}.enroll-page .enroll-form input{width:100%;height:54px;padding:0 .95rem;border-radius:12px;border:1.6px solid var(--slate-300);font-size:.98rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;background:#fff}.enroll-page .enroll-form input::placeholder{color:var(--slate-500)}.enroll-page .enroll-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0a84ff1f}.enroll-page .enroll-form .pwd-field{position:relative;width:100%}.enroll-page .enroll-form .pwd-field input{height:54px;line-height:54px;padding-right:2.8rem}.enroll-page .enroll-form .pwd-field .pwd-toggle{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0;background:#f1f5f9;color:var(--slate-600);cursor:pointer;transition:background .15s ease,color .15s ease}.enroll-page .enroll-form .pwd-field .pwd-toggle:hover{background:#e2e8f0;color:var(--blue)}.enroll-page .enroll-form button[type=submit]{margin-top:.2rem;height:54px;border:none;border-radius:12px;font-weight:800;font-size:1rem;background:var(--green);color:#fff;cursor:pointer;transition:background .15s ease,transform .05s ease;width:100%}.enroll-page .enroll-form button[type=submit]:hover{background:#16a34a}.enroll-page .enroll-form button[type=submit]:active{transform:translateY(1px)}.enroll-page .enroll-form button[type=submit]:disabled{background:var(--slate-400);cursor:not-allowed}.enroll-page .enroll-form .meta{margin-top:.2rem}.enroll-page .enroll-form .meta .course-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1.6px solid #e2e8f0;border-radius:12px;background:#f8fbff}.enroll-page .enroll-form .meta .course-line .k{color:var(--slate-600);font-weight:700;font-size:1.05rem}.enroll-page .enroll-form .meta .course-line .v{background:#0f172a;color:#fff;font-weight:800;border-radius:999px;padding:.25rem .75rem;letter-spacing:.5px}.enroll-page .message{margin-top:1rem;text-align:center;font-weight:600}@media (max-width: 860px){.enroll-page .enroll-form .form-row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}}@media (max-width: 640px){.enroll-page{padding:1.25rem}.enroll-page .enroll-form{gap:.8rem}.enroll-page .enroll-form .form-row.two{grid-template-columns:1fr}.enroll-page .enroll-form input,.enroll-page .enroll-form button[type=submit]{height:50px;line-height:50px}.enroll-page .enroll-form .pwd-field input{padding-right:2.6rem}.enroll-page .enroll-form .pwd-field .pwd-toggle{width:34px;height:34px;right:.5rem}}.enroll-success{--blue: #0a84ff;--green: #22c55e;--slate-600: #475569;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;margin:0 auto;padding-top:50px}.enroll-success *,.enroll-success *:before,.enroll-success *:after{box-sizing:inherit}.enroll-success .card{width:100%;max-width:760px;background:#fff;border-radius:14px;padding:1.25rem;font-family:Poppins,sans-serif}.enroll-success h1{margin:0 0 .5rem;text-align:center;color:var(--blue);font-weight:800;font-size:clamp(1.2rem,2.8vw,1.6rem);line-height:1.2;word-break:break-word}.enroll-success .thanks{text-align:center;color:#0f172a;margin-bottom:1rem;font-size:clamp(.9rem,2.4vw,1rem)}.enroll-success .info{display:grid;gap:.5rem;margin-bottom:1rem}.enroll-success .info .row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem .75rem;overflow:hidden}.enroll-success .info .row .k{color:var(--slate-600);font-weight:700;white-space:nowrap;font-size:clamp(.9rem,2.2vw,1rem)}.enroll-success .info .row .v{justify-self:end;max-width:100%;font-weight:800;color:#fff;background:#0f172a;border-radius:999px;padding:.15rem .55rem;letter-spacing:.4px;font-size:clamp(.85rem,2.2vw,.95rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enroll-success .howto{margin-bottom:.9rem}.enroll-success .howto h2{margin:0 0 .35rem;font-size:clamp(1rem,2.4vw,1.1rem);color:#0f172a;font-weight:800}.enroll-success .howto ol{margin:0;padding-left:1.1rem;color:#334155;line-height:1.55;font-size:clamp(.9rem,2.2vw,.98rem);word-wrap:break-word}.enroll-success .fb-btn{display:flex;align-items:center;gap:.6rem;width:100%;text-decoration:none;background:#1877f2;color:#fff;padding:.8rem .9rem;border-radius:10px;font-weight:800;justify-content:center;transition:filter .15s ease;margin-top:.3rem;min-height:48px}.enroll-success .fb-btn .icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#ffffff29;font-size:.95rem;flex:0 0 auto}.enroll-success .fb-btn .text{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.92rem,2.4vw,1rem)}.enroll-success .fb-btn:hover{filter:brightness(1.05)}.enroll-success .actions{display:flex;gap:.5rem;justify-content:center;margin-top:.8rem;flex-wrap:wrap}.enroll-success .actions .btn{border:none;border-radius:10px;padding:.65rem .9rem;background:var(--green);color:#fff;font-weight:800;cursor:pointer;min-width:130px;text-align:center;font-size:clamp(.9rem,2.2vw,1rem)}.enroll-success .actions .btn.outline{background:transparent;color:var(--blue);border:2px solid var(--blue)}@media (max-width: 560px){.enroll-success{padding:.75rem}.enroll-success .card{padding:1rem;border-radius:12px}.enroll-success .info .row{grid-template-columns:1fr;gap:.4rem}.enroll-success .info .row .v{justify-self:start;white-space:normal}}.under-dev{--bg: #0b1220;--panel: #111827;--panel-soft: #0f172a;--line: rgba(255, 255, 255, .08);--text: #e5e7eb;--muted: #9ca3af;--brand: #60a5fa;--green: #22c55e;--green-700: #16a34a;min-height:84vh;display:grid;place-items:center;box-sizing:border-box;background:radial-gradient(1000px 420px at 50% -10%,rgba(96,165,250,.14),transparent 70%),linear-gradient(180deg,#0b1220,#0b1220);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.under-dev .glass{width:min(880px,94vw);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3.6vw,28px);box-shadow:0 18px 50px #0000008c,0 0 12px #ffffff0a;position:relative}.under-dev .icon-badge{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1f2937,#0f172a);border:1px solid var(--line);color:var(--brand);box-shadow:0 10px 26px #60a5fa2e;margin-bottom:12px}.under-dev .icon-badge svg{font-size:26px}.under-dev .title{margin:0 0 6px;font-weight:900;font-size:clamp(1.2rem,.9rem + 1.4vw,1.8rem);letter-spacing:.2px}.under-dev .lead{margin:0 0 14px;color:var(--muted);line-height:1.6}.under-dev .highlights{display:grid;gap:10px;margin:14px 0 18px}.under-dev .highlights .item{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #00000073}.under-dev .highlights .item .i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#60a5fa1f;color:var(--brand)}.under-dev .highlights .item .i svg{font-size:18px}.under-dev .highlights .item .k{font-weight:800;margin-bottom:2px}.under-dev .highlights .item .v{color:var(--muted);line-height:1.55}.under-dev .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px}@media (min-width: 700px){.under-dev .actions{grid-template-columns:repeat(3,1fr)}}.under-dev .actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);text-decoration:none;font-weight:800;color:var(--text);background:var(--panel-soft);transition:background .18s ease,border-color .18s ease,transform .12s ease}.under-dev .actions .btn svg{font-size:18px}.under-dev .actions .btn:hover{background:#0e1629;border-color:#ffffff24;transform:translateY(-1px)}.under-dev .actions .btn.primary{background:var(--green);border-color:var(--green);color:#fff}.under-dev .actions .btn.primary:hover{background:var(--green-700);border-color:var(--green-700)}.under-dev .actions .btn.outline{background:transparent}.under-dev .actions .btn.ghost{background:#ffffff0a}.student-login{--bg: #0b1020;--panel: #0f172a;--panel-2: #121a31;--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .14);--text: #e5e7eb;--muted: #9aa4b5;--green: #22c55e;--green-700: #16a34a;--brand: #3b82f6;display:grid;place-items:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 16px;background:radial-gradient(1200px 600px at 50% -10%,#111c3c,#0b1020 60%),#0b1020}.student-login,.student-login *{box-sizing:border-box;min-width:0}.student-login .card{width:min(520px,92vw);max-width:100%;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line-2);border-radius:20px;box-shadow:0 24px 60px #0000008c,0 1px #ffffff0a inset;padding:24px 20px 20px;color:var(--text);margin-top:20px;overflow:hidden;contain:layout paint}.student-login h1{margin:0 0 4px;font-weight:900;font-size:clamp(1.35rem,1rem + 1.1vw,1.8rem)}.student-login .muted{color:var(--muted);margin:0 0 18px;line-height:1.6}.student-login .form{width:100%;display:grid;gap:14px}.student-login .field{display:grid;gap:8px}.student-login .field .label{color:var(--text);opacity:.9;font-size:1rem;font-weight:700}.student-login .field .control{position:relative;width:100%}.student-login .field .control input{display:block;width:100%;max-width:100%;height:56px;background:#0d1526;color:var(--text);border:1px solid var(--line-2);border-radius:14px;padding:0 48px;outline:none;font-weight:700;letter-spacing:.2px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.student-login .field .control input::placeholder{color:#8fa0ba;font-weight:700;opacity:.9}.student-login .field .control input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 4px #3b82f62e;background:#0f1a2e}.student-login .field .control .lead-icon,.student-login .field .control .trail-icon{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}.student-login .field .control .lead-icon{left:4px;color:#9fb0ce;pointer-events:none}.student-login .field .control .trail-icon{right:4px;color:#cfe1ff;background:transparent;border:0;cursor:pointer}.student-login .register-redirect a{font-size:.9rem;text-decoration:none;font-weight:700;color:#fff;text-decoration:underline}.student-login .register-redirect a:hover{color:#3b3bff}.student-login .btn{width:100%;max-width:100%;height:54px;border-radius:14px;border:1px solid var(--line-2);font-weight:900;cursor:pointer;transition:background .15s ease,transform .04s ease,border .15s ease}.student-login .btn.primary{background:var(--green);border-color:#22c55e40;color:#071018}.student-login .btn.primary:hover{background:var(--green-700)}.student-login .btn.primary:active{transform:translateY(1px)}.student-login .btn.google{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#0f172a;border-color:#ffffff40}.student-login .btn.google .g-icon{font-size:20px}.student-login .btn.google:hover{filter:brightness(.98)}.student-login .btn.google:active{transform:translateY(1px)}.student-login .sep{margin:16px 0 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.student-login .sep:before,.student-login .sep:after{content:"";height:1px;background:var(--line-2)}.student-login .sep span{font-weight:900;color:var(--muted);letter-spacing:.3px}.student-login .msg{margin-top:12px;font-weight:700;text-align:center;color:#e2e8f0}@media (max-width: 480px){.student-login .card{width:100%;padding:20px 14px 16px}.student-login .btn{height:52px}}.dark-card{--bg: #0b1020;--panel: #0f162a;--line: rgba(255, 255, 255, .08);--text: #e6e8ee;--muted: #9aa3b2;--green: #22c55e;--green-700: #16a34a;min-height:60vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}.dark-card .card,.dark-card .box{width:min(680px,94vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--text);box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff08}.dark-card h1{margin:0 0 8px;font-weight:800}.dark-card .muted{color:var(--muted);margin:0 0 10px}.dark-card .error{color:#f87171;font-weight:700}.dark-card .form{display:grid;gap:10px}.dark-card .field .label{display:block;font-weight:700;margin-bottom:6px;color:var(--text)}.dark-card .field input{width:100%;outline:none;border:1px solid var(--line);border-radius:10px;background:#0c1426;color:var(--text);padding:12px}.dark-card .btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);color:#fff;background:#1f2937;text-decoration:none;font-weight:800;cursor:pointer;transition:filter .15s ease}.dark-card .btn:hover{filter:brightness(1.06)}.dark-card .btn.primary{background:var(--green);border-color:var(--green)}.dark-card .btn.primary:hover{background:var(--green-700);border-color:var(--green-700)}.dark-card .spin{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;margin:4px auto 10px;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.sd-root{width:100%;max-width:100%;position:relative;overflow-x:hidden;padding:18px clamp(12px,4vw,24px) 56px;background:radial-gradient(1300px 600px at 50% -10%,rgba(59,130,246,.12),transparent 60%),linear-gradient(180deg,#0a1226,#0b1020 35%,#0b1020);color:#e5e7eb;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.sd-root *{box-sizing:border-box;max-width:100%}.sd-center{width:min(1100px,100%);margin:18vh auto 0;display:grid;justify-items:center;gap:12px}.sd-center .sd-spinner{width:38px;height:38px;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:sdspin .9s linear infinite}.sd-center p{color:#9ca3af;margin:0}@keyframes sdspin{to{transform:rotate(360deg)}}.sd-error{color:#fca5a5}.sd-error.subtle{margin-top:10px;text-align:center}.sd-btn{display:inline-grid;place-items:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;background:transparent;text-decoration:none;font-weight:700;transition:background .2s,border-color .2s}.sd-btn:hover{background:#ffffff0f}.sd-hero{width:min(1100px,100%);margin:6px auto 16px;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding-right:clamp(0px,40px,4vw)}.sd-hero .avatar{height:56px;width:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1e293b,#111827);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff08}.sd-hero .avatar svg{font-size:26px;color:#c7d2fe}.sd-hero .hero-text{min-width:0}.sd-hero .hero-text h1{margin:0 0 4px;font-size:clamp(1.2rem,1rem + 1vw,1.8rem);font-weight:900;letter-spacing:.2px;overflow-wrap:anywhere;word-break:break-word}.sd-hero .hero-text .muted{color:#9ca3af;margin:0}.sd-section{width:min(1100px,100%);margin:0 auto;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff05}.sd-section .head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.sd-section .head h2{margin:0;font-size:1.05rem;font-weight:800;color:#c7d2fe;letter-spacing:.2px}.sd-section .head .see-all{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#e5e7eb;text-decoration:none;border:1px solid rgba(255,255,255,.08);padding:8px 10px;border-radius:10px;background:transparent;transition:background .2s,border-color .2s}.sd-section .head .see-all svg{font-size:16px;flex-shrink:0}.sd-section .head .see-all:hover{background:#ffffff0f}.sd-section .enroll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.sd-section .enroll-card{min-width:0;background:#101a33;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 14px 38px #00000057,inset 0 0 0 1px #ffffff05;display:flex;flex-direction:column;padding:0}.sd-section .enroll-card .enroll-media{position:relative;width:100%;height:180px;background:linear-gradient(135deg,#0b1226,#0e1a36)}.sd-section .enroll-card .enroll-media img{display:block;width:100%;height:100%;object-fit:cover}.sd-section .enroll-card .enroll-media .media-fallback{width:100%;height:100%;display:grid;place-items:center;color:#9ca3af;font-weight:700}.sd-section .enroll-card .enroll-media .badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.82rem;border:1px solid rgba(255,255,255,.08);background:#ffffff1a;color:#e5e7eb;white-space:nowrap}.sd-section .enroll-card .enroll-media .badge.open{background:#22c55e24;color:#22c55e;border-color:#22c55e4d}.sd-section .enroll-card .enroll-media .badge.pending{background:#fbbf2424;color:#fbbf24;border-color:#fbbf244d}.sd-section .enroll-card .enroll-body{padding:16px 16px 14px;display:grid;gap:12px;min-width:0}.sd-section .enroll-card .enroll-body .title{margin:0;font-weight:900;font-size:clamp(1rem,.95rem + .3vw,1.2rem);letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-section .enroll-card .enroll-body .desc{margin:0;color:#9ca3af;line-height:1.5;font-size:.95rem;overflow-wrap:anywhere;word-break:break-word}.sd-section .enroll-card .enroll-body .price-line{display:flex;align-items:baseline;gap:6px;min-width:0}.sd-section .enroll-card .enroll-body .price-line .currency{font-weight:800;opacity:.9}.sd-section .enroll-card .enroll-body .price-line .amount{font-size:1.1rem;font-weight:800}.sd-section .enroll-card .enroll-body .cta{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.sd-section .enroll-card .enroll-body .cta .btn{display:inline-grid;place-items:center;width:100%;padding:13px 14px;border-radius:14px;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;background:transparent;transition:background .2s,border-color .2s,transform .05s}.sd-section .enroll-card .enroll-body .cta .btn:active{transform:translateY(1px)}.sd-section .enroll-card .enroll-body .cta .btn.ghost{background:#11c900}.sd-section .enroll-card .enroll-body .cta .btn.ghost .video-icon{font-size:1.2rem}.sd-section .enroll-card .enroll-body .cta .btn.ghost:hover{background:#ffffff0f}.sd-section .enroll-card .enroll-body .cta .btn.fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;color:#fff;background-color:#1877f2}.sd-section .enroll-card .enroll-body .cta .btn.fb-btn .fb-icon{font-size:1.2rem}.sd-section .enroll-card .enroll-body .cta .btn.fb-btn:hover{background-color:#145dbf}.sd-section .empty{text-align:center;padding:18px 6px}.sd-section .empty p{color:#9ca3af;margin-bottom:10px}.sd-rail{position:fixed;right:max(8px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:grid;gap:10px;background:#101828cc;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px;box-shadow:0 18px 40px #0006,inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;max-width:calc(100vw - 16px)}.sd-rail .rail-btn{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;background:#0f172a;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;cursor:pointer;transition:transform .12s,background .2s,border-color .2s}.sd-rail .rail-btn svg{font-size:18px}.sd-rail .rail-btn:hover{transform:translateY(-1px);background:#111c34}.sd-rail .rail-btn.danger:hover{background:#201019;border-color:#ef444459}@media (max-width: 1200px){.sd-hero{padding-right:0}}@media (max-width: 1024px){.sd-root{padding:14px clamp(10px,4vw,18px) 18px}.sd-hero{grid-template-columns:48px 1fr}.sd-section{padding:12px}.sd-rail{position:static;transform:none;width:min(1100px,100%);margin:10px auto 0;display:flex;justify-content:center;gap:10px;background:transparent;border:0;padding:0;box-shadow:none}.sd-rail .rail-btn{background:#0f172a}.sd-rail .rail-btn:hover{background:#122040}}@media (max-width: 640px){.sd-section .enroll-grid{grid-template-columns:1fr;gap:12px}.sd-section .enroll-card .enroll-media{height:160px}.sd-section .head .see-all{padding:6px 8px}.sd-hero .avatar{height:48px;width:48px;border-radius:12px}.sd-hero .hero-text h1{font-size:clamp(1.05rem,1rem + .8vw,1.4rem)}}@media (max-width: 360px){.sd-root{padding-left:10px;padding-right:10px}.sd-section{padding:10px}.sd-section .enroll-body .cta .btn{padding:12px}}.enroll-root{--bg: #0d1117;--panel: #111827;--line: rgba(255, 255, 255, .08);--text: #e5e7eb;--muted: #9ca3af;--accent: #22c55e;min-height:70dvh;display:flex;align-items:center;justify-content:center;padding-block:24px;padding-inline:clamp(12px,4vw,24px);background:var(--bg);color:var(--text);width:100%;overflow-x:hidden}.enroll-root,.enroll-root *{box-sizing:border-box;min-width:0}.enroll-card{width:100%;max-width:min(680px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 1px #ffffff08 inset,0 18px 40px #00000073;display:flex;flex-direction:column;gap:16px;contain:layout paint}.enroll-head{display:flex;flex-direction:column;gap:8px;min-width:0}.enroll-head .back{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:6px 10px;border-radius:8px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:600;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enroll-head .back:hover{opacity:1}.enroll-head h1{display:flex;align-items:center;gap:8px;font-size:clamp(1.1rem,1rem + 1vw,1.6rem);margin:0;line-height:1.2;word-break:break-word}.enroll-head .muted{color:var(--muted);font-size:.9rem}.enroll-head .alert{color:#ffff75e6;background-color:#ffffcb29;text-align:justify;border-radius:6px;padding:8px 12px;font-size:.9rem}.enroll-head .alert b{color:#fff79a}.enroll-form{display:flex;flex-direction:column;gap:12px;min-width:0}.enroll-form .field{display:flex;flex-direction:column;gap:6px;min-width:0}.enroll-form .field .label{font-weight:600;font-size:.95rem}.enroll-form .field .control{position:relative;display:flex;align-items:center;min-width:0}.enroll-form .field .control .lead-icon{position:absolute;left:10px;color:var(--muted);pointer-events:none;line-height:0;display:inline-flex;align-items:center;justify-content:center}.enroll-form .field .control input,.enroll-form .field .control select{width:100%;max-width:100%;padding:12px 12px 12px 38px;border-radius:10px;border:1px solid var(--line);background:#0f172a;color:var(--text);font-size:.95rem;line-height:1.2;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis}.enroll-form .btn.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;width:100%;text-align:center;white-space:nowrap}.enroll-form .btn.primary svg{flex:0 0 auto}.enroll-form .btn.primary:hover{filter:brightness(.95)}.enroll-form .msg{color:#fca5a5;font-weight:600;font-size:.9rem;word-break:break-word}@media (max-width: 640px){.enroll-card{padding:14px}.enroll-head .muted,.enroll-head .alert{font-size:.85rem}.enroll-form .field .label{font-size:.9rem}.enroll-form .field .control input,.enroll-form .field .control select{font-size:.9rem;padding:11px 11px 11px 36px}}.player-root{width:100%;max-width:100%;min-height:70vh;background:linear-gradient(180deg,#0a1226,#0b1020 35%,#0b1020);color:#e5e7eb;overflow-x:hidden;box-sizing:border-box;padding:16px clamp(12px,4vw,24px)}.player-center{width:min(1100px,100%);margin:18vh auto 0;text-align:center;color:#9ca3af}.error{width:min(800px,100%);margin:16px auto;color:#fca5a5;text-align:center}.back-btn{margin:10px auto 0;display:block;color:#e5e7eb;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.back-btn:hover{background:#ffffff0f}.player-container{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:16px}@media (max-width: 980px){.player-container{grid-template-columns:1fr}}.video-box{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff05}.video-box .video-outer{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0b1226}.video-box .video-outer iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sidebar{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff05;max-height:75vh;overflow:auto;overscroll-behavior:contain}.accordion{display:grid;gap:10px}.topic{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101a33;overflow:hidden}.topic.open .topic-header .caret{transform:rotate(180deg)}.topic-header{width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:10px 12px;color:#e5e7eb;background:linear-gradient(135deg,#111827,#0f172a);border:0;cursor:pointer;text-align:left}.topic-header .caret{display:grid;place-items:center;transition:transform .2s ease}.topic-header .caret svg{font-size:18px;color:#e5e7eb}.topic-header .topic-title{font-weight:800;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-header:hover{background:#0f1b36}.lectures{margin:0;padding:6px 8px 10px;list-style:none;border-top:1px solid rgba(255,255,255,.08);max-height:0;opacity:0;visibility:hidden;transition:max-height .22s ease,opacity .18s ease,visibility 0s .22s}.lectures.show{max-height:600px;opacity:1;visibility:visible;transition:max-height .24s ease,opacity .18s ease}.lectures li+li{margin-top:6px}.lectures .lecture{width:100%;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);background:#0e1830;color:#e5e7eb;padding:8px 10px;border-radius:10px;cursor:pointer;text-align:left;white-space:normal;word-break:break-word}.lectures .lecture .play-ic{font-size:16px;color:#9ca3af}.lectures .lecture .lecture-title{font-size:.95rem;font-weight:700}.lectures .lecture:hover{background:#0f1b36}.lectures .lecture.active{border-color:#3b82f673;box-shadow:0 0 0 2px #3b82f61a inset}.lectures .lecture.active .play-ic{color:#3b82f6}@media (max-width: 560px){.player-root{padding:12px}.sidebar{max-height:unset}.topic-header .topic-title{white-space:normal}}.cle-root{width:100%;max-width:100%;overflow-x:hidden;color:#e5e7eb;background:radial-gradient(1300px 600px at 50% -10%,rgba(59,130,246,.12),transparent 60%),linear-gradient(180deg,#0a1226,#0b1020 35%,#0b1020);padding:18px clamp(12px,4vw,24px) 24px;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.cle-center,.cle-center-pad{width:min(1100px,100%);margin:12vh auto 0;display:grid;justify-items:center;gap:12px}.cle-center .cle-spinner,.cle-center-pad .cle-spinner{width:36px;height:36px;border-radius:999px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:cleSpin .9s linear infinite}.cle-center p,.cle-center-pad p{color:#9ca3af;margin:0}@keyframes cleSpin{to{transform:rotate(360deg)}}.chooser{width:min(1100px,100%);margin:0 auto 12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.chooser .chooser-left{display:grid;grid-auto-flow:column;align-items:center;gap:10px}.chooser .chooser-left .logo{font-size:22px;color:#c7d2fe}.chooser .chooser-left .titles h1{margin:0;font-size:clamp(1.1rem,1rem + .6vw,1.4rem);font-weight:900}.chooser .chooser-left .titles .muted{margin:2px 0 0;color:#9ca3af;font-size:.9rem}.chooser .chooser-right{display:grid;gap:6px}.chooser .chooser-right .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f172a;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;min-width:min(380px,85vw);box-shadow:0 10px 26px #00000047,inset 0 0 0 1px #ffffff05}.cle-header{width:min(1100px,100%);margin:8px auto 12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.cle-header .left .titles h2{margin:0;font-size:clamp(1rem,.95rem + .5vw,1.25rem);font-weight:900}.cle-header .left .titles .muted{margin:2px 0 0;color:#9ca3af;font-size:.9rem}.cle-header .actions{display:grid;grid-auto-flow:column;gap:10px}.btn{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;background:transparent;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s}.btn.primary{background:#1b2a4a;border-color:#3b82f659}.btn.primary:hover{background:#21345a}.btn.outline:hover,.btn.ghost:hover{background:#ffffff0f}.btn.block{width:100%}.cle-error{width:min(1100px,100%);margin:8px auto;color:#fca5a5}.cle-grid{width:min(1100px,100%);margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:14px}@media (max-width: 900px){.cle-grid{grid-template-columns:1fr}}.topics{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff05}.topics .head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.topics .head h3{margin:0;font-size:1rem;font-weight:900;color:#c7d2fe}.topics .topic-new{margin-bottom:10px}.topics .topic-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.topics .topic-list .empty{color:#9ca3af;font-size:.92rem;text-align:center;padding:10px 6px;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.topics .topic-list .topic-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:#101a33;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px}.topics .topic-list .topic-item.active{box-shadow:0 0 0 2px #3b82f659 inset}.topics .topic-list .topic-item .topic-btn{display:grid;grid-auto-flow:column;gap:8px;align-items:center;justify-content:start;border:0;background:transparent;color:#e5e7eb;cursor:pointer;text-align:left}.topics .topic-list .topic-item .topic-btn .no{font-weight:900;color:#c7d2fe}.topics .topic-list .topic-item .topic-btn .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topics .topic-list .topic-item .topic-ops{display:grid;grid-auto-flow:column;gap:6px}.topics .topic-list .topic-item .topic-ops .icon-btn{height:32px;width:32px;display:grid;place-items:center;border-radius:8px;background:#0f172a;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;cursor:pointer;transition:transform .12s,background .2s,border-color .2s}.topics .topic-list .topic-item .topic-ops .icon-btn svg{font-size:16px}.topics .topic-list .topic-item .topic-ops .icon-btn:hover{transform:translateY(-1px);background:#111c34}.topics .topic-list .topic-item .topic-ops .icon-btn.danger:hover{background:#201019;border-color:#ef444459;color:#fecaca}.editor{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff05}.editor .placeholder{padding:18px 6px;color:#9ca3af;text-align:center}.editor .topic-fields{display:grid;grid-template-columns:140px 1fr;gap:10px;margin-bottom:12px}@media (max-width: 640px){.editor .topic-fields{grid-template-columns:1fr}}.editor .topic-fields .row{display:grid;gap:6px}.editor .topic-fields .row label{font-size:.85rem;color:#9ca3af}.editor .topic-fields .row input{background:#101a33;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}.editor .topic-fields .row .input-with-btns{display:grid;grid-template-columns:1fr auto;gap:6px}.editor .topic-fields .row .input-with-btns .icon-btn{height:40px;width:40px;display:grid;place-items:center;border-radius:10px;background:#0f172a;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;cursor:pointer}.editor .topic-fields .row .input-with-btns .icon-btn svg{font-size:16px}.editor .classes-head{margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.editor .classes-head h3{margin:0;font-size:1rem;font-weight:900;color:#c7d2fe}.editor .class-list{display:grid;gap:10px}.editor .class-list .empty{text-align:center;color:#9ca3af;padding:8px 6px;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.editor .class-list .class-item{display:grid;grid-template-columns:120px 1fr 1fr auto;gap:8px;background:#101a33;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}@media (max-width: 900px){.editor .class-list .class-item{grid-template-columns:1fr}}.editor .class-list .class-item .row{display:grid;gap:6px}.editor .class-list .class-item .row.small{max-width:160px}.editor .class-list .class-item .row.grow{min-width:0}.editor .class-list .class-item .row label{font-size:.82rem;color:#9ca3af}.editor .class-list .class-item .row input{background:#0f172a;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;min-width:0}.editor .class-list .class-item .class-ops{display:grid;grid-auto-flow:column;gap:6px;align-content:start;justify-content:end}.editor .class-list .class-item .class-ops .icon-btn{height:38px;width:38px;display:grid;place-items:center;border-radius:10px;background:#0f172a;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;cursor:pointer;transition:transform .12s,background .2s,border-color .2s}.editor .class-list .class-item .class-ops .icon-btn svg{font-size:16px}.editor .class-list .class-item .class-ops .icon-btn:hover{transform:translateY(-1px);background:#111c34}.editor .class-list .class-item .class-ops .icon-btn.danger:hover{background:#201019;border-color:#ef444459;color:#fecaca}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-root{min-height:100vh;background:linear-gradient(135deg,#0a1226,#0b1020 40%,#111827);display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;color:#e5e7eb;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.sr-card{width:100%;max-width:500px;background:#111928a6;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;box-shadow:0 20px 50px #0006,inset 0 0 0 1px #ffffff08}.sr-card h1{margin:0 0 18px;font-size:1.6rem;font-weight:800;text-align:center;color:#fff}.sr-field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.sr-field label{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;color:#9ca3af}.sr-field label svg{color:#3b82f6}.sr-field input{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;font-size:.95rem;color:#e5e7eb;outline:none;transition:border-color .2s,background .2s}.sr-field input:focus{border-color:#3b82f6;background:#ffffff1f}.sr-field.password .input-with-icon{position:relative;display:flex;align-items:center}.sr-field.password .input-with-icon input{flex:1;padding-right:40px}.sr-field.password .input-with-icon .eye-btn{position:absolute;right:10px;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;padding:2px}.sr-field.password .input-with-icon .eye-btn:hover{color:#fff}.btn.primary{width:100%;padding:12px 18px;border-radius:12px;border:none;font-weight:700;font-size:1rem;background:#3b82f6;color:#fff;cursor:pointer;transition:background .2s,transform .12s}.btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.btn.primary:disabled{background:#3b82f680;cursor:not-allowed}.sr-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 10px;border-radius:10px;font-size:.9rem;margin-bottom:14px;text-align:center}.sr-ok{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:8px 10px;border-radius:10px;font-size:.9rem;margin-bottom:14px;text-align:center}@media (max-width: 640px){.sr-card{padding:20px}.sr-card h1{font-size:1.4rem}}.ae-root{color:#f5f5f5;background:#121212;min-height:100vh;padding:1rem;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.ae-root *{box-sizing:border-box;max-width:100%}.ae-root .ae-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem;min-width:0}.ae-root .ae-header .left{display:flex;align-items:center;gap:.75rem;min-width:0}.ae-root .ae-header .left .logo{font-size:1.8rem;color:#4dabf7;flex:0 0 auto}.ae-root .ae-header .left .titles{min-width:0}.ae-root .ae-header .left .titles h1{font-size:1.2rem;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ae-root .ae-header .left .titles .muted{font-size:.85rem;color:#aaa;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ae-root .ae-header .tools{display:flex;gap:.75rem;flex:0 0 auto}.ae-root .ae-header .tools .search{position:relative}.ae-root .ae-header .tools .search svg{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);color:#aaa;pointer-events:none}.ae-root .ae-header .tools .search input{background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:.5rem .6rem .5rem 2rem;color:#fff;font-size:.9rem;width:clamp(160px,24vw,260px)}.ae-root .ae-header .tools .search input:focus{outline:none;border-color:#4dabf7}.ae-root .ae-header .tools .btn.ghost{background:transparent;border:1px solid #444;color:#fff;padding:.45rem .8rem;border-radius:6px;font-size:.85rem;white-space:nowrap}.ae-root .ae-header .tools .btn.ghost:hover{background:#222}.ae-root .ae-tabs{display:flex;gap:.75rem;margin-bottom:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.ae-root .ae-tabs .tab{background:#1e1e1e;border:1px solid #333;padding:.45rem .9rem;border-radius:8px;color:#ccc;font-size:.9rem;cursor:pointer;transition:background .2s ease;flex:0 0 auto}.ae-root .ae-tabs .tab.active{background:#4dabf7;border-color:#4dabf7;color:#fff}.ae-root .ae-tabs .tab:hover{background:#262626}.ae-root .ae-table-wrap{background:#1b1b1b;border:1px solid #2a2a2a;border-radius:10px;padding:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%;box-shadow:0 10px 28px #00000059}.ae-root .ae-table-wrap .ae-table{display:table;width:100%;border-collapse:collapse;min-width:960px}.ae-root .ae-table-wrap .ae-table .row{display:table-row}.ae-root .ae-table-wrap .ae-table .row.head{background:#242424;font-weight:700;font-size:.8rem;text-transform:uppercase}.ae-root .ae-table-wrap .ae-table .row .cell{display:table-cell;padding:10px 12px;border-bottom:1px solid #2a2a2a;vertical-align:middle;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ae-root .ae-table-wrap .ae-table .row .cell.student{min-width:180px}.ae-root .ae-table-wrap .ae-table .row .cell.contact{min-width:240px}.ae-root .ae-table-wrap .ae-table .row .cell.course{min-width:220px}.ae-root .ae-table-wrap .ae-table .row .cell.status{min-width:180px}.ae-root .ae-table-wrap .ae-table .row .cell.tnx{min-width:260px}.ae-root .ae-table-wrap .ae-table .row .cell.actions{min-width:140px}.ae-root .ae-table-wrap .ae-table .row .cell .name{font-weight:700;overflow:hidden;text-overflow:ellipsis}.ae-root .ae-table-wrap .ae-table .row .cell .line{display:flex;align-items:center;gap:8px;min-width:0}.ae-root .ae-table-wrap .ae-table .row .cell .line svg{flex:0 0 auto}.ae-root .ae-table-wrap .ae-table .row .cell .line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-root .ae-table-wrap .ae-table .row .cell .pill{padding:.18rem .5rem;border-radius:999px;font-size:.72rem;font-weight:800}.ae-root .ae-table-wrap .ae-table .row .cell .pill.paid{background:#2e7d32;color:#fff}.ae-root .ae-table-wrap .ae-table .row .cell .pill.pending{background:#b71c1c;color:#fff}.ae-root .ae-table-wrap .ae-table .row .cell .status-row{display:flex;align-items:center;gap:10px}.ae-root .ae-table-wrap .ae-table .row .cell .switch{position:relative;display:inline-block;width:42px;height:22px}.ae-root .ae-table-wrap .ae-table .row .cell .switch input{opacity:0;width:0;height:0}.ae-root .ae-table-wrap .ae-table .row .cell .switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#777;border-radius:999px;transition:background-color .25s}.ae-root .ae-table-wrap .ae-table .row .cell .switch .slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s}.ae-root .ae-table-wrap .ae-table .row .cell .switch input:checked+.slider{background-color:#4dabf7}.ae-root .ae-table-wrap .ae-table .row .cell .switch input:checked+.slider:before{transform:translate(20px)}.ae-root .ae-table-wrap .ae-table .row .cell .switch.disabled{opacity:.55;pointer-events:none}.ae-root .ae-table-wrap .ae-table .row .cell .btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;border-radius:8px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.ae-root .ae-table-wrap .ae-table .row .cell .btn.danger{background:#c62828;color:#fff}.ae-root .ae-table-wrap .ae-table .row .cell .btn.danger:hover{background:#b71c1c}.ae-root .ae-table-wrap .ae-table .row .cell .btn.ghost{background:transparent;border-color:#444;color:#fff}.ae-root .ae-table-wrap .ae-table .row .cell .btn.ghost:hover{background:#222}.ae-root .ae-table-wrap .ae-table .row .cell .small{font-size:.8rem}.ae-root .ae-table-wrap .ae-table .row .cell .muted{color:#aaa}.ae-root .ae-table-wrap .ae-table .row .cell .mobile-only{display:none!important}.ae-root .ae-table-wrap .ae-table .row .cell .hide-sm{display:table-cell!important}.ae-root .ae-empty,.ae-root .ae-center{display:grid;place-items:center;gap:8px;padding:24px;color:#aaa}.ae-root .ae-empty .spinner,.ae-root .ae-center .spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:aespin .9s linear infinite}.ae-root .ae-empty svg,.ae-root .ae-center svg{font-size:1.6rem}@keyframes aespin{to{transform:rotate(360deg)}}.ae-root .ae-error{color:#ff6b6b;margin-bottom:10px}@media (max-width: 780px){.ae-root{padding:.75rem}.ae-root .ae-header{flex-direction:column;align-items:stretch;gap:10px}.ae-root .ae-header .tools{justify-content:space-between;gap:8px}.ae-root .ae-header .tools .search input{width:100%}.ae-root .ae-tabs{gap:8px}.ae-root .ae-table-wrap{overflow-x:auto;max-width:100%;border-radius:8px}.ae-root .ae-table-wrap .ae-table{min-width:960px}.ae-root .ae-table .row .cell .mobile-only{display:none!important}.ae-root .ae-table .row .cell.contact.hide-sm{display:table-cell!important}}.ec-root{width:100%;max-width:100%;padding:18px clamp(12px,4vw,24px);box-sizing:border-box;color:#e5e7eb;background:radial-gradient(1300px 600px at 50% -10%,rgba(59,130,246,.12),transparent 60%),linear-gradient(180deg,#0a1226,#0b1020 35%,#0b1020)}.ec-head{width:min(1100px,100%);margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ec-head h2{margin:0;font-weight:900;letter-spacing:.2px}.ec-head .btn{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:center;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#e5e7eb;cursor:pointer}.ec-head .btn:hover{background:#ffffff0f}.ec-head .btn.ghost{opacity:.9}.picker{width:min(1100px,100%);margin:0 auto 14px;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff05}.picker label{display:block;font-size:.9rem;color:#9ca3af;margin-bottom:6px}.picker .select-wrap{position:relative}.picker .select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#101a33;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;border-radius:10px;padding:10px 36px 10px 12px;font-size:.95rem;outline:none}.picker .select-wrap .dd{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.ec-error,.ec-ok{width:min(1100px,100%);margin:0 auto 10px;padding:10px 12px;border-radius:10px;font-size:.92rem}.ec-error{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fecaca}.ec-ok{background:#22c55e1a;border:1px solid rgba(34,197,94,.35);color:#bbf7d0}.ec-empty{width:min(1100px,100%);margin:24px auto 0;text-align:center;color:#9ca3af}.ec-empty svg{font-size:42px;margin-bottom:8px;color:#c7d2fe}.course-form{width:min(1100px,100%);margin:0 auto 26px;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff05}.course-form fieldset.block{border:1px dashed rgba(255,255,255,.08);border-radius:14px;padding:12px;margin-bottom:14px}.course-form fieldset.block legend{padding:0 6px;color:#c7d2fe;font-weight:800;font-size:.95rem}.course-form .grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-form .form-group{display:grid;gap:6px}.course-form .form-group label{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:center;color:#9ca3af;font-size:.9rem}.course-form .form-group label svg{color:#c7d2fe}.course-form .form-group input[type=text],.course-form .form-group input[type=number],.course-form .form-group input[type=url],.course-form .form-group textarea,.course-form .form-group select{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#101a33;color:#e5e7eb;padding:10px 12px;font-size:.95rem;outline:none}.course-form .form-group textarea{min-height:100px;resize:vertical}.course-form .form-group .preview{margin-top:6px;border-radius:10px;border:1px solid rgba(255,255,255,.08);max-width:100%;height:auto;display:block}.course-form .form-group .dynamic-field{display:grid;gap:6px;margin-bottom:8px}.course-form .form-group .dynamic-field textarea{min-height:80px}.course-form .form-group .dynamic-field .btn.ghost{justify-self:start;padding:6px 10px}.course-form .btn{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;background:transparent;cursor:pointer}.course-form .btn:hover{background:#ffffff0f}.course-form .btn.primary{background:#3b82f61f;border-color:#3b82f680}.course-form .btn.primary:hover{background:#3b82f633}.course-form .btn.outline{background:transparent}.course-form .btn.ghost{opacity:.9}.course-form .btn.danger{background:#ef44441f;border-color:#ef444459}.course-form .btn.danger:hover{background:#ef444433}.course-form .actions{display:flex;justify-content:space-between;gap:10px;margin-top:8px}@media (max-width: 900px){.course-form .grid.two{grid-template-columns:1fr}}.admin-login{--bg: #0b1020;--panel: #0f172a;--panel-2: #121a31;--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .14);--text: #e5e7eb;--muted: #9aa4b5;--brand: #3b82f6;--brand-700: #1d4ed8;--ok: #16a34a;--err: #ef4444;min-height:100vh;display:grid;justify-content:center;align-content:start;padding:32px 16px;background:radial-gradient(1200px 600px at 50% -10%,#111c3c,#0b1020 60%),#0b1020}.admin-login *{box-sizing:border-box;min-width:0}.admin-login .card{width:min(560px,94vw);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line-2);border-radius:20px;box-shadow:0 24px 60px #0000008c,0 1px #ffffff0a inset;padding:22px 18px 18px;color:var(--text)}.admin-login .head{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:10px}.admin-login .head .icon-wrap{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#3b82f61f;color:var(--brand);font-size:20px;border:1px solid var(--line-2)}.admin-login .head h1{margin:0 0 2px;font-weight:900;font-size:clamp(1.3rem,1rem + 1vw,1.7rem)}.admin-login .head .muted{color:var(--muted);margin:0}.admin-login .alert{margin:10px 0 12px;padding:10px 12px;border-radius:12px;font-weight:700}.admin-login .alert.ok{background:#16a34a26;border:1px solid rgba(22,163,74,.35);color:#d1fae5}.admin-login .alert.error,.admin-login .alert.err{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fee2e2}.admin-login .form{display:grid;gap:14px;margin-top:8px}.admin-login .info{color:var(--muted);font-weight:700;margin-bottom:6px}.admin-login .field{display:grid;gap:8px}.admin-login .field .label{color:var(--text);opacity:.95;font-size:.98rem;font-weight:800}.admin-login .field .control{position:relative}.admin-login .field .control input{width:100%;height:56px;background:#0d1526;color:var(--text);border:1px solid var(--line-2);border-radius:14px;padding:0 48px;outline:none;font-weight:700;letter-spacing:.2px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.admin-login .field .control input::placeholder{color:#8fa0ba;font-weight:700;opacity:.9}.admin-login .field .control input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 4px #3b82f62e;background:#0f1a2e}.admin-login .field .control .lead-icon,.admin-login .field .control .trail-icon{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}.admin-login .field .control .lead-icon{left:4px;color:#9fb0ce;pointer-events:none}.admin-login .field .control .trail-icon{right:4px;color:#cfe1ff;background:transparent;border:0;cursor:pointer}.admin-login .btn{width:100%;height:54px;border-radius:14px;border:1px solid var(--line-2);font-weight:900;cursor:pointer;display:inline-grid;place-items:center;gap:8px;grid-auto-flow:column;transition:background .15s ease,transform .04s ease,border .15s ease}.admin-login .btn.primary{background:var(--brand);border-color:#3b82f659;color:#071018}.admin-login .btn.primary:hover{background:var(--brand-700)}.admin-login .btn.primary:active{transform:translateY(1px)}.admin-login .btn.ghost{background:transparent;color:var(--text)}.admin-login .btn.ghost:hover{background:#ffffff0f}.admin-login .btn.ghost:active{transform:translateY(1px)}.admin-login .btn.link{background:transparent;color:var(--muted);border:none;height:auto;padding:8px 6px;justify-self:start}.admin-login .btn.link:hover{color:var(--text);text-decoration:underline}@media (max-width: 480px){.admin-login .card{width:100%;padding:18px 14px 14px}.admin-login .btn{height:52px}}.admin-dash{min-height:100%;width:100%;padding:22px clamp(12px,3vw,24px) 32px;padding-bottom:max(90px,env(safe-area-inset-bottom));background:radial-gradient(1000px 500px at 50% -10%,#102247,#0b1020 60%),#0b1020;color:#e5e7eb;overflow-x:hidden;box-sizing:border-box}.admin-dash *,.admin-dash *:before,.admin-dash *:after{box-sizing:border-box}.admin-dash .admin-rail{position:fixed;right:clamp(10px,2.2vw,24px);top:140px;display:grid;gap:10px;padding:15px;background:#10182899;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.admin-dash .admin-rail .rail-btn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#e5e7eb;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);cursor:pointer;text-decoration:none;transition:transform .14s ease,background .2s ease,border .2s ease}.admin-dash .admin-rail .rail-btn svg{font-size:18px}.admin-dash .admin-rail .rail-btn:hover{transform:translateY(-1px);background:#ffffff17;border-color:#ffffff24}.admin-dash .admin-rail .rail-btn.danger{color:#ffb4b4}.admin-dash .dash-grid{--cols: 4;--gap: 24px;max-width:1100px;margin:0 auto;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--cols),1fr);align-items:stretch;grid-auto-rows:1fr}.admin-dash .quick-card{padding:24px 18px;background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);border-radius:22px;text-decoration:none;color:#e5e7eb;box-shadow:0 20px 60px #00000080;transition:transform .16s ease,border .2s ease,background .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.admin-dash .quick-card:hover{transform:translateY(-3px);border-color:#fff3;background:linear-gradient(180deg,#121a33,#0f162b)}.admin-dash .quick-card .icon-wrap{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);margin-bottom:10px}.admin-dash .quick-card .icon-wrap svg{color:#fff;font-size:26px}.admin-dash .quick-card .title{font-weight:900;font-size:1.08rem;color:#eaf0ff;margin:0 0 5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.admin-dash .quick-card .subtitle{margin:0;color:#93a2b8;font-size:.85rem;line-height:1.35}.admin-dash .quick-card .spacer{flex:1 1 auto}@media (max-width: 1024px) and (min-width: 769px){.admin-dash .dash-grid{--cols: 3;--gap: 20px}.admin-dash .quick-card{padding:20px 14px}.admin-dash .quick-card .icon-wrap{width:66px;height:66px}.admin-dash .quick-card .icon-wrap svg{font-size:22px}}@media (max-width: 768px) and (min-width: 461px){.admin-dash .dash-grid{--cols: 3;--gap: 14px}.admin-dash .quick-card{padding:16px 12px}.admin-dash .quick-card .icon-wrap{width:58px;height:58px}.admin-dash .quick-card .icon-wrap svg{font-size:19px}.admin-dash .quick-card .subtitle{display:none}}@media (max-width: 460px){.admin-dash{padding-left:12px;padding-right:12px}.admin-dash .dash-grid{--cols: 2;--gap: 10px}.admin-dash .quick-card{padding:14px 10px}.admin-dash .quick-card .icon-wrap{width:52px;height:52px}.admin-dash .quick-card .icon-wrap svg{font-size:18px}.admin-dash .quick-card .subtitle{display:none}}@media (max-width: 1024px){.admin-dash{padding-bottom:max(100px,env(safe-area-inset-bottom))}.admin-dash .admin-rail{position:fixed;left:50%;transform:translate(-50%);top:auto;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:row;gap:8px;padding:8px 10px;border-radius:14px;width:max-content;background:#101828bf;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080}.admin-dash .admin-rail .rail-btn{width:38px;height:38px}.admin-dash .admin-rail .rail-btn svg{font-size:16px}}.icon-wrap.gradient-purple{background:conic-gradient(from 210deg,#8b5cf6,#ec4899,#8b5cf6)}.icon-wrap.gradient-blue{background:conic-gradient(from 210deg,#3b82f6,#22d3ee,#3b82f6)}.icon-wrap.gradient-green{background:conic-gradient(from 210deg,#22c55e,#0ea5e9,#22c55e)}.icon-wrap.gradient-orange{background:conic-gradient(from 210deg,#f59e0b,#ef4444,#f59e0b)}.icon-wrap.gradient-pink{background:conic-gradient(from 210deg,#db2777,#a78bfa,#db2777)}.icon-wrap.gradient-cyan{background:conic-gradient(from 210deg,#06b6d4,#60a5fa,#06b6d4)}.analytics-root{min-height:100%;padding:20px clamp(12px,3vw,24px) 32px;background:radial-gradient(1000px 500px at 50% -10%,#102247,#0b1020 60%),#0b1020;color:#e5e7eb}.analytics-root *{box-sizing:border-box}.analytics-root .muted{color:#93a2b8}.analytics-root .anx-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.analytics-root .anx-header .titles h1{margin:0 0 4px;font-size:clamp(1.2rem,.9rem + 1.2vw,1.6rem);font-weight:900;letter-spacing:.2px}.analytics-root .anx-header .titles p{margin:0}.analytics-root .anx-header .range{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#0f172a,#121a31);border-radius:12px;box-shadow:0 18px 60px #0000008c}.analytics-root .anx-header .range svg{opacity:.85}.analytics-root .anx-header .range select{background:transparent;border:0;color:#e5e7eb;font-weight:700;outline:none}.analytics-root .anx-header .range select option{color:#0f172a}.analytics-root .kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.analytics-root .kpi-grid .kpi{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 12px;box-shadow:0 18px 60px #0000008c;min-height:78px}.analytics-root .kpi-grid .kpi .icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px #00000073,0 0 0 5px #ffffff0f inset}.analytics-root .kpi-grid .kpi .icon svg{font-size:18px}.analytics-root .kpi-grid .kpi .bg-green{background:conic-gradient(from 210deg,#22c55e,#0ea5e9,#22c55e)}.analytics-root .kpi-grid .kpi .bg-blue{background:conic-gradient(from 210deg,#3b82f6,#22d3ee,#3b82f6)}.analytics-root .kpi-grid .kpi .bg-purple{background:conic-gradient(from 210deg,#8b5cf6,#ec4899,#8b5cf6)}.analytics-root .kpi-grid .kpi .bg-cyan{background:conic-gradient(from 210deg,#06b6d4,#60a5fa,#06b6d4)}.analytics-root .kpi-grid .kpi .label{margin:0;color:#93a2b8;font-size:.85rem}.analytics-root .kpi-grid .kpi .value{margin:2px 0 0;font-size:1.1rem;font-weight:900;letter-spacing:.2px}.analytics-root .charts{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:18px}@media (min-width: 1100px){.analytics-root .charts{grid-template-columns:1.2fr 1fr;grid-auto-rows:minmax(260px,auto)}.analytics-root .charts .panel:nth-child(1){grid-row:span 2}}.analytics-root .panel{background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 18px 60px #0000008c;padding:14px}.analytics-root .panel .panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.analytics-root .panel .panel-head h4{margin:0;font-size:1rem;font-weight:800;color:#eaf0ff}.analytics-root .panel .panel-head .subtext{color:#93a2b8;font-size:.85rem}.analytics-root .linechart{width:100%;height:260px}.analytics-root .linechart .grid line{stroke:#ffffff14;stroke-width:1}.analytics-root .linechart .line{fill:none;stroke:#3b82f6;stroke-width:2.4}.analytics-root .linechart .dot{fill:#3b82f6}.analytics-root .donut-wrap{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.analytics-root .donut-wrap .donut{width:240px;height:240px}.analytics-root .donut-wrap .slice{transition:opacity .15s ease}.analytics-root .donut-wrap .slice:hover{opacity:.9}.analytics-root .donut-wrap .donut-center{fill:#eaf0ff;font-weight:900;font-size:20px}.analytics-root .donut-wrap .donut-center tspan{fill:#93a2b8;font-size:12px;font-weight:700}.analytics-root .donut-wrap .legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}.analytics-root .donut-wrap .legend li{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08}.analytics-root .donut-wrap .legend .swatch{width:14px;height:14px;border-radius:3px}.analytics-root .donut-wrap .legend .name{color:#e5e7eb;font-weight:700}.analytics-root .donut-wrap .legend .val{color:#93a2b8;font-variant-numeric:tabular-nums}.analytics-root .barchart{width:100%;height:280px}.analytics-root .barchart .grid line{stroke:#ffffff14;stroke-width:1}.analytics-root .barchart .bar{fill:#60a5fa;opacity:.9;rx:6}.analytics-root .barchart .bar:hover{opacity:1}.analytics-root .barchart .bar-label{fill:#93a2b8;font-size:11px;font-weight:700}.analytics-root .table-wrap{overflow:hidden}.analytics-root .table{display:grid;gap:8px}.analytics-root .table .thead,.analytics-root .table .trow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;align-items:center}.analytics-root .table .thead{background:#ffffff0f;font-weight:800;color:#eaf0ff}.analytics-root .table .trow .title{font-weight:700}.analytics-root .table .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}@media (max-width: 680px){.analytics-root .table .thead,.analytics-root .table .trow{grid-template-columns:2fr 1fr 1fr}.analytics-root .table .hide-sm{display:none}}@media (max-width: 980px){.analytics-root .kpi-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width: 520px){.analytics-root .kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.analytics-root .donut-wrap{grid-template-columns:1fr}.analytics-root .donut-wrap .donut{justify-self:center}}.admin-db{min-height:100%;padding:20px clamp(12px,3vw,24px) 28px;background:radial-gradient(1100px 520px at 50% -12%,#112048,#0b1020 60%),#0b1020;color:#e5e7eb}.admin-db *{box-sizing:border-box}.admin-db .muted{color:#9aa4b5}.admin-db .db-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:16px}.admin-db .db-header .left{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.admin-db .db-header .left .logo{width:42px;height:42px;display:grid;place-items:center;color:#8ab4ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px}.admin-db .db-header .left .titles h1{margin:0 0 3px;font-size:clamp(1.05rem,.9rem + .7vw,1.35rem);font-weight:900;letter-spacing:.2px;color:#eaf0ff}.admin-db .db-header .left .titles p{margin:0}.admin-db .db-header .tools{display:inline-flex;gap:8px;align-items:center}.admin-db .db-header .tools .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);color:#e5e7eb;cursor:pointer;box-shadow:0 20px 60px #00000080;transition:border .15s ease,transform .05s ease,background .15s ease}.admin-db .db-header .tools .btn.ghost{background:#ffffff08}.admin-db .db-header .tools .btn:hover{border-color:#ffffff38}.admin-db .db-header .tools .btn:active{transform:translateY(1px)}.admin-db .db-header .tools .btn.file{position:relative}.admin-db .db-header .tools .btn.file input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.admin-db .db-grid{display:grid;grid-template-columns:280px 1fr;gap:16px}@media (max-width: 940px){.admin-db .db-grid{grid-template-columns:1fr}}.admin-db .sidebar{background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;box-shadow:0 20px 60px #00000080;align-self:start}.admin-db .sidebar .side-head{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#eaf0ff;margin-bottom:10px}.admin-db .sidebar .collections{list-style:none;margin:0;padding:0;display:grid;gap:8px}.admin-db .sidebar .collections .item{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;background:#ffffff08;cursor:pointer;transition:border .15s ease,background .15s ease,transform .05s ease}.admin-db .sidebar .collections .item .name{font-weight:800;color:#eaf0ff}.admin-db .sidebar .collections .item .meta{margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}.admin-db .sidebar .collections .item .meta .docs,.admin-db .sidebar .collections .item .meta .size{color:#9aa4b5;font-size:.85rem}.admin-db .sidebar .collections .item:hover{border-color:#ffffff38}.admin-db .sidebar .collections .item.active{background:#38bdf814;border-color:#38bdf859}.admin-db .main{display:grid;gap:12px}.admin-db .main .bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.admin-db .main .bar .search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(180deg,#0f172a,#121a31);box-shadow:0 20px 60px #00000080}.admin-db .main .bar .search svg{color:#9fb0ce}.admin-db .main .bar .search input{border:0;outline:0;background:transparent;color:#e5e7eb;font-weight:700;letter-spacing:.2px}.admin-db .main .bar .search input::placeholder{color:#8fa0ba}.admin-db .main .bar .filters{display:inline-flex;gap:8px;align-items:center}.admin-db .main .bar .filters .icon{color:#9fb0ce}.admin-db .main .bar .filters select{border:1px solid rgba(255,255,255,.14);background:#0f172a;color:#e5e7eb;padding:10px 12px;border-radius:12px;font-weight:700}.admin-db .main .bar .filters select option{color:#0f172a}.admin-db .main .stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.admin-db .main .stats .stat{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,#0f172a,#121a31);box-shadow:0 20px 60px #00000080;padding:12px}.admin-db .main .stats .stat .k{margin:0;color:#9aa4b5;font-size:.85rem}.admin-db .main .stats .stat .v{margin:4px 0 0;font-weight:900;font-size:1.05rem}@media (max-width: 560px){.admin-db .main .stats{grid-template-columns:1fr}}.admin-db .main .table-wrap{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(180deg,#0f172a,#121a31);box-shadow:0 20px 60px #00000080;padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-db .main .table-wrap .table{min-width:760px;display:grid;gap:6px}.admin-db .main .table-wrap .table .row{display:grid;grid-template-columns:140px 160px 220px 120px 120px 120px 160px;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:12px;padding:10px}.admin-db .main .table-wrap .table .head{background:#ffffff0f;border-color:#ffffff24;font-weight:800;color:#eaf0ff}.admin-db .main .table-wrap .table .cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-db .main .table-wrap .table .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}.admin-db .main .table-wrap .table .pill{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-weight:800;font-size:.85rem}.admin-db .main .table-wrap .table .pill.paid{background:#22c55e1f;border-color:#22c55e59;color:#b0f2c6}.admin-db .main .table-wrap .table .pill.pending{background:#f59e0b1f;border-color:#f59e0b59;color:#ffd99a}.admin-db .main .table-wrap .table .btn.small{padding:6px 8px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:border .15s ease,background .15s ease,transform .05s ease}.admin-db .main .table-wrap .table .btn.small:hover{border-color:#ffffff38}.admin-db .main .table-wrap .table .btn.small:active{transform:translateY(1px)}.admin-db .main .table-wrap .table .btn.small.danger{color:#ffb4b4}.admin-db .main .table-wrap .pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 4px 2px}.admin-db .main .table-wrap .pager .btn.small{padding:6px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e5e7eb}@media (max-width: 580px){.admin-db .db-header{grid-template-columns:1fr}.admin-db .db-header .tools{justify-self:start}.admin-db .main .bar{grid-template-columns:1fr}}.admin-settings{min-height:100%;padding:20px clamp(12px,3vw,24px) 28px;background:radial-gradient(1100px 520px at 50% -12%,#112048,#0b1020 60%),#0b1020;color:#e5e7eb}.admin-settings .muted{color:#9aa4b5}.admin-settings *{box-sizing:border-box}.admin-settings.theme-light{background:#f6f8ff;color:#101828}.admin-settings.theme-light .muted{color:#667085}.admin-settings.theme-light .as-header .left .logo{background:#fff;border-color:#e5e7eb;color:#2563eb}.admin-settings.theme-light .card,.admin-settings.theme-light .menu,.admin-settings.theme-light .content .form .control,.admin-settings.theme-light .tools .btn,.admin-settings.theme-light .toggle .switch{background:#fff!important;border-color:#e5e7eb!important;color:#101828!important}.admin-settings .as-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:16px}.admin-settings .as-header .left{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.admin-settings .as-header .left .logo{width:42px;height:42px;display:grid;place-items:center;color:#8ab4ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px}.admin-settings .as-header .left .titles h1{margin:0 0 3px;font-size:clamp(1.05rem,.9rem + .7vw,1.35rem);font-weight:900;letter-spacing:.2px;color:#eaf0ff}.admin-settings .as-header .left .titles p{margin:0}.admin-settings .as-header .tools{display:inline-flex;gap:8px;align-items:center}.admin-settings .as-header .tools .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);color:#e5e7eb;cursor:pointer;box-shadow:0 20px 60px #00000080;transition:border .15s ease,transform .05s ease,background .15s ease}.admin-settings .as-header .tools .btn.ghost{background:#ffffff08}.admin-settings .as-header .tools .btn:hover{border-color:#ffffff38}.admin-settings .as-header .tools .btn:active{transform:translateY(1px)}.admin-settings .as-grid{display:grid;grid-template-columns:260px 1fr;gap:16px}@media (max-width: 980px){.admin-settings .as-grid{grid-template-columns:1fr}}.admin-settings .menu{background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:10px;box-shadow:0 20px 60px #00000080;align-self:start;display:grid;gap:6px}.admin-settings .menu .menu-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e5e7eb;text-align:left;cursor:pointer;transition:background .15s ease,border .15s ease,transform .05s ease}.admin-settings .menu .menu-item .icon{color:#9fb0ce;display:grid;place-items:center}.admin-settings .menu .menu-item .label{font-weight:800;color:#eaf0ff}.admin-settings .menu .menu-item:hover{border-color:#fff3}.admin-settings .menu .menu-item.active{background:#3b82f61f;border-color:#3b82f666}.admin-settings .menu .menu-item.danger,.admin-settings .menu .menu-item.danger .label{color:#ffb4b4}.admin-settings .menu .menu-item.danger:hover{background:#ff636314;border-color:#ff63634d}.admin-settings .menu .menu-footer{margin-top:4px}.admin-settings .content{display:grid;gap:12px}.admin-settings .content .section-title{margin:0 0 4px;font-weight:900;font-size:clamp(1rem,.9rem + .5vw,1.15rem);color:#eaf0ff}.admin-settings .content .card{background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;box-shadow:0 20px 60px #00000080}.admin-settings .content .card h3{margin:0 0 10px;font-weight:900;color:#eaf0ff}.admin-settings .content .card .form{display:grid;gap:12px}.admin-settings .content .card .form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.admin-settings .content .card .form .row{grid-template-columns:1fr}}.admin-settings .content .card .form .field{display:grid;gap:6px}.admin-settings .content .card .form .field .label{font-weight:800;color:#eaf0ff}.admin-settings .content .card .form .field .control{position:relative;display:grid}.admin-settings .content .card .form .field .control input,.admin-settings .content .card .form .field .control select{width:100%;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0d1526;color:#e5e7eb;padding:0 44px;font-weight:700;letter-spacing:.2px;outline:none;transition:border .15s ease,box-shadow .15s ease,background .15s ease}.admin-settings .content .card .form .field .control input::placeholder,.admin-settings .content .card .form .field .control select::placeholder{color:#8fa0ba}.admin-settings .content .card .form .field .control input:focus,.admin-settings .content .card .form .field .control select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 4px #3b82f62e;background:#0f1a2e}.admin-settings .content .card .form .field .control .lead-icon,.admin-settings .content .card .form .field .control .trail-icon{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;color:#9fb0ce}.admin-settings .content .card .form .field .control .lead-icon{left:2px;pointer-events:none}.admin-settings .content .card .form .field .control .trail-icon{right:2px;border:0;background:transparent;cursor:pointer;color:#cfe1ff}.admin-settings .content .card .form .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.admin-settings .content .card .form .actions .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#0f172a,#121a31);color:#e5e7eb;cursor:pointer;transition:border .15s ease,transform .05s ease,background .15s ease}.admin-settings .content .card .form .actions .btn.ghost{background:#ffffff08}.admin-settings .content .card .form .actions .btn:hover{border-color:#ffffff38}.admin-settings .content .card .form .actions .btn:active{transform:translateY(1px)}.admin-settings .content .card .session-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.admin-settings .content .card .session-list .session{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08}.admin-settings .content .card .session-list .session .left{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.admin-settings .content .card .session-list .session .left svg{color:#9fb0ce}.admin-settings .content .card .session-list .session .left .meta .name{font-weight:800;color:#eaf0ff}.admin-settings .content .card .session-list .session .left .meta .muted{font-size:.9rem}.admin-settings .content .card .session-list .session .pill.you{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#3b82f61f;color:#cfe1ff;font-weight:800}.admin-settings .content .card .session-list .session .btn.small{padding:6px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;cursor:pointer}.admin-settings .content .card .session-list .session .btn.small:hover{border-color:#ffffff38}.admin-settings .content .card .theme-toggle{margin-top:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-settings .content .card .theme-toggle .current{display:inline-flex;align-items:center;gap:10px}.admin-settings .content .card .theme-toggle .current .icon{display:grid;place-items:center;width:32px;height:32px}.admin-settings .content .card .theme-toggle .current .label{color:#9aa4b5}.admin-settings .content .card .theme-toggle .current b{color:#eaf0ff}.admin-settings .toggle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08}.admin-settings .toggle .t-label{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#eaf0ff}.admin-settings .toggle .t-label svg{color:#9fb0ce}.admin-settings .toggle .switch{position:relative;width:56px;height:30px;border-radius:999px;background:#0d1526;border:1px solid rgba(255,255,255,.14);transition:background .2s ease,border .2s ease}.admin-settings .toggle .switch.on{background:#3b82f633;border-color:#3b82f673}.admin-settings .toggle .switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.admin-settings .toggle .switch .slider{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#cfe1ff;transition:transform .18s ease}.admin-settings .toggle .switch.on .slider{transform:translate(26px)}@media (max-width: 600px){.admin-settings .as-header{grid-template-columns:1fr}.admin-settings .tools{justify-self:start}}.update-student-profile{--bg: #0b1020;--panel: #0f172a;--panel-2: #121a31;--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .14);--text: #e5e7eb;--muted: #9aa4b5;--green: #22c55e;--green-700: #16a34a;--brand: #3b82f6;min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 50% -10%,#111c3c,#0b1020 60%),#0b1020}.update-student-profile,.update-student-profile *{box-sizing:border-box;min-width:0}.update-student-profile .card{width:min(720px,94vw);max-width:100%;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line-2);border-radius:20px;box-shadow:0 24px 60px #0000008c,0 1px #ffffff0a inset;padding:24px 20px 20px;color:var(--text);overflow:hidden}.update-student-profile .head{margin-bottom:12px}.update-student-profile .head h1{margin:0 0 6px;font-weight:900;font-size:clamp(1.25rem,1rem + 1.2vw,1.8rem);display:flex;align-items:center;gap:8px}.update-student-profile .head h1 .demo-tag{font-size:.8rem;font-weight:800;color:#a5b4fc;background:#a5b4fc1f;border:1px solid rgba(165,180,252,.25);padding:3px 8px;border-radius:999px}.update-student-profile .head .muted{color:var(--muted);margin:0;line-height:1.6;display:flex;align-items:center;gap:10px}.update-student-profile .head .muted .badge{font-weight:900;font-size:.82rem;padding:3px 8px;border-radius:999px;border:1px solid var(--line-2)}.update-student-profile .head .muted .badge.local{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e40}.update-student-profile .head .muted .badge.google{color:#fde68a;background:#f59e0b1f;border-color:#f59e0b40}.update-student-profile .center{display:grid;justify-items:center;gap:10px}.update-student-profile .center .spinner{width:26px;height:26px;border-radius:999px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .9s linear infinite}.update-student-profile .center p{margin:0;color:var(--muted);font-weight:700}.update-student-profile .form{width:100%;display:grid;gap:14px}.update-student-profile .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.update-student-profile .row{grid-template-columns:1fr}}.update-student-profile .field{display:grid;gap:8px}.update-student-profile .field .label{color:var(--text);opacity:.95;font-size:1rem;font-weight:800}.update-student-profile .field .label .req{color:#fb7185;margin-left:4px}.update-student-profile .field .control{position:relative;width:100%}.update-student-profile .field .control input{display:block;width:100%;max-width:100%;height:56px;background:#0d1526;color:var(--text);border:1px solid var(--line-2);border-radius:14px;padding:0 48px;outline:none;font-weight:700;letter-spacing:.2px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.update-student-profile .field .control input::placeholder{color:#8fa0ba;font-weight:700;opacity:.9}.update-student-profile .field .control input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 4px #3b82f62e;background:#0f1a2e}.update-student-profile .field .control input:read-only{opacity:.8;cursor:not-allowed}.update-student-profile .field .control .lead-icon{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#9fb0ce;pointer-events:none}.update-student-profile .btn{width:100%;max-width:100%;height:54px;border-radius:14px;border:1px solid var(--line-2);font-weight:900;cursor:pointer;transition:background .15s ease,transform .04s ease,border .15s ease}.update-student-profile .btn.primary{background:var(--green);border-color:#22c55e40;color:#071018}.update-student-profile .btn.primary:hover{background:var(--green-700)}.update-student-profile .btn.primary:active{transform:translateY(1px)}.update-student-profile .msg{margin:6px 0 0;font-weight:700;color:#fca5a5;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 560px){.update-student-profile .card{width:100%;padding:20px 14px 16px}.update-student-profile .btn{height:52px}.update-student-profile .field .label{font-size:.95rem}.update-student-profile .field .control input{height:52px;padding:0 44px}}.flash-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000073;display:grid;place-items:center;animation:flash-fade-in .12s ease-out both}.flash-pop{width:min(440px,92vw);padding:18px 16px;border-radius:16px;background:linear-gradient(180deg,#0f172a,#121a31);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px #000000a6,0 1px #ffffff0d inset;color:#e5e7eb;text-align:center;animation:flash-pop-in .16s cubic-bezier(.2,.8,.2,1) both}.flash-pop.success{border-color:#22c55e59;box-shadow:0 30px 70px #000000a6,0 0 0 6px #22c55e14}.flash-pop .flash-icon{font-size:28px;color:#4ade80;filter:drop-shadow(0 2px 8px rgba(74,222,128,.35));margin-bottom:6px}.flash-pop h3{margin:0;font-weight:900;font-size:clamp(1rem,.9rem + .6vw,1.25rem);letter-spacing:.2px}.flash-pop p{margin:5px 0 0;color:#9aa4b5;font-weight:700;font-size:.95rem}@keyframes flash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes flash-pop-in{0%{transform:translateY(4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 560px){.flash-pop{padding:16px 14px;border-radius:14px}.flash-pop .flash-icon{font-size:24px;margin-bottom:4px}.flash-pop p{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.flash-backdrop,.flash-pop{animation:none!important}}.success-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#0206178c;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);overflow:hidden}.success-popup .popup-card{--panel: #0f172a;--panel-2: #0b1220;--line: rgba(255, 255, 255, .12);--text: #e5e7eb;--accent: #22c55e;width:min(520px,92vw);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:18px;padding:20px 18px;color:var(--text);text-align:center;box-shadow:0 24px 70px #0009,0 1px #ffffff0d inset;animation:sp-pop .18s cubic-bezier(.2,.8,.2,1) forwards;display:grid;justify-items:center;gap:12px}.success-popup .icon-wrap{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 50%,#22c55e59,#22c55e1a);border:1px solid rgba(34,197,94,.4);box-shadow:0 10px 28px #22c55e40,0 0 0 6px #22c55e14 inset}.success-popup .icon-wrap .icon{font-size:32px;color:#10b981;animation:sp-pulse 1.2s ease-in-out infinite}.success-popup .text{font-weight:800;font-size:clamp(1rem,.96rem + .4vw,1.2rem);line-height:1.35;letter-spacing:.2px;max-width:40ch}.success-popup .ok-btn{margin-top:6px;min-width:120px;height:44px;border-radius:12px;border:1px solid rgba(34,197,94,.28);background:var(--accent);color:#071018;font-weight:900;cursor:pointer;transition:transform 60ms ease,filter .12s ease,box-shadow .12s ease;box-shadow:0 10px 20px #22c55e40}.success-popup .ok-btn:hover{filter:brightness(.97);box-shadow:0 12px 24px #22c55e4d}.success-popup .ok-btn:active{transform:translateY(1px)}@keyframes sp-pop{0%{transform:translateY(6px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes sp-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(16,185,129,0))}50%{transform:scale(1.06);filter:drop-shadow(0 4px 12px rgba(16,185,129,.5))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(16,185,129,0))}}@media (max-width: 480px){.success-popup .popup-card{padding:16px 14px;gap:10px}.success-popup .icon-wrap{width:64px;height:64px}.success-popup .icon-wrap .icon{font-size:28px}.success-popup .ok-btn{height:42px;min-width:110px;border-radius:10px}}@media (prefers-reduced-motion: reduce){.success-popup .popup-card,.success-popup .icon-wrap .icon{animation:none!important}}.change-pass-page{--bg: #0b1020;--panel: #0f172a;--panel-2: #121a31;--line: rgba(255, 255, 255, .12);--text: #e5e7eb;--muted: #93a2b8;--accent: #22c55e;--accent-700: #16a34a;width:100%;min-height:70dvh;overflow-x:hidden;box-sizing:border-box;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 50% -8%,#102247,#0b1020 60%),var(--bg);color:var(--text)}.change-pass-page *,.change-pass-page *:before,.change-pass-page *:after{box-sizing:border-box;max-width:100%}.change-pass-page .card{width:min(560px,92vw);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:20px;padding:22px 18px 18px;box-shadow:0 24px 60px #00000080,0 1px #ffffff0a inset}.change-pass-page .head h1{margin:0 0 4px;font-weight:900;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);line-height:1.15;word-break:break-word}.change-pass-page .head .muted{color:var(--muted);margin:0 0 12px;line-height:1.5;font-size:clamp(.9rem,.85rem + .2vw,1rem)}.change-pass-page .form{display:grid;gap:14px}.change-pass-page .field{display:grid;gap:8px}.change-pass-page .field .label{color:var(--text);opacity:.95;font-weight:700;font-size:clamp(.9rem,.86rem + .2vw,.98rem)}.change-pass-page .field .control{position:relative}.change-pass-page .field .control .lead-icon,.change-pass-page .field .control .trail-icon{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#9fb0ce;flex:0 0 auto}.change-pass-page .field .control .lead-icon{left:4px;pointer-events:none}.change-pass-page .field .control .trail-icon{right:4px;background:transparent;border:0;color:#cfe1ff;cursor:pointer}.change-pass-page .field .control input{display:block;width:100%;height:56px;background:#0d1526;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:0 48px;outline:none;font-weight:700;letter-spacing:.2px;font-size:.98rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.change-pass-page .field .control input::placeholder{color:#8fa0ba;font-weight:700;opacity:.9}.change-pass-page .field .control input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 4px #3b82f62e;background:#0f1a2e}.change-pass-page .btn.primary{width:100%;height:52px;border-radius:14px;border:1px solid rgba(34,197,94,.25);background:var(--accent);color:#071018;font-weight:900;cursor:pointer;transition:background .15s ease,transform .04s ease;font-size:.98rem}.change-pass-page .btn.primary:hover{background:var(--accent-700)}.change-pass-page .btn.primary:active{transform:translateY(1px)}.change-pass-page .msg{margin:6px 0 0;font-weight:700;text-align:center;color:#fca5a5;word-break:break-word}@media (max-width: 768px){.change-pass-page{padding:18px 12px}.change-pass-page .card{width:min(520px,94vw);border-radius:18px;padding:18px 14px 14px}.change-pass-page .field .control .lead-icon,.change-pass-page .field .control .trail-icon{width:38px;height:38px}.change-pass-page .field .control input{height:52px;padding:0 44px;font-size:.95rem}.change-pass-page .btn.primary{height:50px;font-size:.95rem}}@media (max-width: 480px){.change-pass-page{padding:16px 10px}.change-pass-page .card{width:100%;border-radius:16px;padding:16px 12px 12px;box-shadow:0 16px 40px #00000073,0 1px #ffffff08 inset}.change-pass-page .head h1{font-size:1.1rem}.change-pass-page .form{gap:12px}.change-pass-page .field{gap:6px}.change-pass-page .field .label{font-size:.88rem}.change-pass-page .field .control .lead-icon,.change-pass-page .field .control .trail-icon{width:34px;height:34px}.change-pass-page .field .control input{height:48px;padding:0 40px;font-size:.92rem;border-radius:12px}.change-pass-page .btn.primary{height:48px;border-radius:12px;font-size:.92rem}}.page-not-found{--bg: #0d1117;--panel: #111827;--line: rgba(255, 255, 255, .08);--text: #e5e7eb;--muted: #9ca3af;--accent: #22c55e;--red: #ef4444;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);padding:20px 20px 400px}.page-not-found .content{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:40px 30px;max-width:500px;width:100%;box-shadow:0 20px 40px #00000073}.page-not-found .content .icon-wrap{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:2px solid rgba(239,68,68,.3)}.page-not-found .content .icon-wrap .icon{font-size:2.4rem;color:var(--red)}.page-not-found .content h1{font-size:4rem;font-weight:900;margin:0;color:var(--red)}.page-not-found .content h2{font-size:1.6rem;margin-top:8px;font-weight:800}.page-not-found .content .muted{margin:10px 0 24px;color:var(--muted);font-size:.95rem}.page-not-found .content .btn.primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;padding:12px 18px;border:none;border-radius:10px;cursor:pointer;transition:background .15s ease}.page-not-found .content .btn.primary:hover{background:#16a34a}@media (max-width: 600px){.page-not-found .content{padding:28px 18px}.page-not-found .content h1{font-size:3rem}.page-not-found .content h2{font-size:1.3rem}.page-not-found .content .muted{font-size:.85rem}.page-not-found .content .btn.primary{font-size:.9rem;padding:10px 14px}}
