:root{color:#e5ecff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#04070d;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e5ecff;background:radial-gradient(circle at 0 0,#2dd4bf1f,#0000 28%),radial-gradient(circle at 100% 0,#60a5fa1f,#0000 24%),linear-gradient(#04070d 0%,#070d16 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}img{max-width:100%;display:block}.app-shell{max-width:1400px;margin:0 auto;padding:30px 20px 40px}.home-page-layout{flex-direction:column;gap:28px;display:flex}.hero-panel{background:linear-gradient(135deg,#0f172aeb,#0c121ee0);border:1px solid #94a3b833;border-radius:28px;grid-template-columns:1.1fr .9fr;gap:24px;padding:32px;display:grid;box-shadow:0 18px 46px #02061780}.hero-copy{flex-direction:column;justify-content:center;display:flex}.hero-copy h2{color:#f3f7ff;margin:0 0 14px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.hero-copy p{color:#c6d5ef;max-width:620px;margin:0;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.hero-metrics div{background:#94a3b80f;border:1px solid #94a3b824;border-radius:16px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.hero-metrics strong{color:#f3f7ff;font-size:1.7rem}.hero-metrics span{color:#c6d5ef;font-size:.84rem}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-visual img{object-fit:cover;border:1px solid #94a3b829;border-radius:22px;width:100%;max-height:500px;box-shadow:0 18px 40px #0f172a8c}.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature-card,.program-card,.auth-card-home{background:#0f172ab3;border:1px solid #94a3b829;border-radius:20px;padding:22px;box-shadow:0 14px 30px #02061757}.feature-card{flex-direction:column;gap:12px;display:flex}.feature-icon{color:#e2e8ff;background:linear-gradient(135deg,#3b82f62e,#7c3aed33);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.9rem;font-weight:800;display:inline-flex}.feature-card h3,.program-card h3{color:#f3f7ff;margin:0;font-size:1.45rem}.feature-card p,.program-card li{color:#c6d5ef;margin:0;line-height:1.7}.home-lower-grid{grid-template-columns:1.15fr .85fr;gap:22px;display:grid}.program-card.wide{min-height:100%}.program-card ul{gap:10px;margin:18px 0 0;padding-left:18px;display:grid}.auth-card-home{padding:12px}.auth-card-home .auth-layout{display:block}.auth-card-home .auth-layout .panel.preview-panel{display:none}.auth-card-home .auth-layout .panel.auth-panel{border-radius:18px;width:100%;padding:18px}.auth-page-shell{max-width:760px;margin:24px auto 0}.auth-page-shell .auth-layout{grid-template-columns:1fr}.auth-page-shell .auth-layout .panel.auth-panel{width:100%;min-height:auto}.auth-card-home .auth-layout .panel.auth-panel h2{margin-bottom:8px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#8ea3be;margin:0 0 8px;font-size:12px}.topbar h1{color:#f3f7ff;margin:0;font-size:clamp(2rem,4vw,3rem)}.tab-group{background:#94a3b81f;border:1px solid #94a3b838;border-radius:999px;padding:6px;display:inline-flex}.tab,.primary-btn,.secondary-btn,.logout-btn,.link-btn{cursor:pointer;font:inherit;border:none;border-radius:12px}.tab{color:#dfe8ff;background:0 0;padding:10px 16px;font-weight:600}.tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 20px #3b82f64d}.content{flex-direction:column;gap:20px;display:flex}.alert{border-radius:12px;padding:14px 18px;font-weight:600}.alert.success{color:#a7f3d0;background:#10b9811f;border:1px solid #10b9814d}.alert.error{color:#fecaca;background:#ef44441f;border:1px solid #ef44444d}.auth-layout,.dashboard{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.panel{color:#e5ecff;background:#0f172acc;border:1px solid #94a3b82e;border-radius:20px;padding:24px;box-shadow:0 14px 40px #02061773}.auth-panel,.preview-panel,.overview-panel,.course-panel,.admin-panel,.batch-panel{min-height:100%}.auth-form{flex-direction:column;gap:18px;margin-top:18px;display:flex}.auth-form label{color:#dbe7ff;flex-direction:column;gap:8px;font-weight:600;display:flex}.auth-inline-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.link-btn{color:#93c5fd;background:0 0;padding:0;font-weight:700;text-decoration:underline}.password-flow-form{border-top:1px solid #94a3b833;margin-top:20px;padding-top:16px}.auth-form input,.auth-form select,.batch-form input,.batch-form select,.trainer-form input{font:inherit;color:#edf5ff;background:#0f172ac2;border:1px solid #94a3b833;border-radius:12px;padding:12px 14px}.primary-btn,.secondary-btn,.logout-btn{padding:11px 18px;font-weight:700}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.secondary-btn,.logout-btn{color:#dfe8ff;background:#94a3b81f;border:1px solid #94a3b833}.preview-panel h2,.panel h2,.panel h3,.panel h4,.course-card h3,.mini-course-card h3,.user-row strong,.stat-box strong,.analytics-card strong{color:#f3f7ff}.mini-course-list{flex-direction:column;gap:14px;display:flex}.mini-course-card,.course-card,.user-row,.batch-card,.analytics-card,.admin-module-card,.profile-card,.module-card,.trainer-count-box,.trainer-list-panel,.trainer-detail-card{background:#0f172aa8;border:1px solid #94a3b82e;border-radius:16px}.mini-course-card{padding:16px}.mini-course-card h3,.course-card h3{margin:10px 0 8px}.mini-course-card p,.course-card p,.user-row p,.action-list,.analytics-card small,.stat-box span,.profile-meta,.course-meta,.meta-row,.batch-meta-grid,.badge,.status-pill,.mini-label,.list-row small,.module-card p,.module-card li,.admin-module-card ul,.user-row{color:#c6d5ef}.badge,.status-pill{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge{color:#ddd6fe;background:#a78bfa29}.status-pill{color:#a7f3d0;background:#10b98126}.meta-row,.course-meta,.course-topline,.course-footer,.panel-header,.user-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.meta-row,.course-meta{margin-top:12px;font-size:.9rem}.dashboard{grid-template-columns:1fr}.overview-panel{flex-direction:column;gap:18px;display:flex}.stats-grid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:16px;display:grid}.stat-box{background:linear-gradient(135deg,#2563eb1f,#7c3aed14);border:1px solid #60a5fa33;border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.stat-box strong{font-size:1.8rem}.panel-header{margin-bottom:20px}.dashboard-shell{grid-template-columns:240px minmax(0,1fr);align-items:flex-start;gap:22px;max-width:1500px;margin:0 auto;display:grid}.sidebar-panel{background:#080c13e6;border:1px solid #94a3b82e;border-radius:18px;padding:18px 14px;position:sticky;top:20px;box-shadow:0 10px 30px #02061773}.sidebar-header{margin-bottom:18px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{text-align:left;color:#dfe8ff;width:100%;font:inherit;cursor:pointer;background:#94a3b80f;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:600}.sidebar-link.active{color:#eff6ff;background:#60a5fa1f;border-color:#60a5fa59}.sidebar-link:hover{background:#60a5fa1a;border-color:#60a5fa40}.main-content{flex-direction:column;gap:20px;display:flex}.course-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.course-card{padding:18px}.course-card h3{font-size:1.2rem}.course-footer{margin-top:18px}.link-btn{color:#93c5fd;background:0 0;padding:0;font-weight:700}.user-list{flex-direction:column;gap:12px;display:flex}.user-row{padding:14px 16px}@media (width<=800px){.auth-layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.dashboard-shell{grid-template-columns:1fr}}.user-header-right{align-items:center;gap:12px;display:flex}.role-pill{color:#dbeafe;text-transform:uppercase;background:#60a5fa1f;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.batch-layout{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.batch-form{flex-direction:column;gap:14px;display:flex}.batch-form label{color:#dbe7ff;flex-direction:column;gap:8px;font-weight:600;display:flex}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.batch-list{flex-direction:column;gap:14px;display:flex}.batch-card{padding:18px}.batch-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-label{letter-spacing:.1em;text-transform:uppercase;color:#8ea3be;margin:0 0 6px;font-size:11px}.batch-course-name{color:#f3f7ff;margin-top:10px;font-weight:700}.batch-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:14px;font-size:.92rem;display:grid}@media (width<=900px){.batch-layout{grid-template-columns:1fr}}.list-row{background:#0f172a99;border:1px solid #94a3b82e;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.row-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-meta button{margin-left:8px}.profile-card,.module-card,.list-stack,.student-table{flex-direction:column;gap:12px;display:flex}.profile-card{background:#0f172aa8;border:1px solid #94a3b82e;border-radius:16px;padding:18px}.profile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:10px;display:grid}.module-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.module-card{background:#0f172aa8;border:1px solid #94a3b82e;border-radius:16px;padding:18px}.module-head{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.progress-wrap{flex-direction:column;gap:8px;margin-top:10px;display:flex}.progress-bar{background:#94a3b82e;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;height:100%;display:block}.list-stack{margin-top:0}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.analytics-card,.admin-module-card{background:#0f172aa8;border:1px solid #94a3b82e;border-radius:14px;padding:16px}.analytics-card strong{margin:10px 0 6px;font-size:1.3rem;display:block}.action-list{gap:10px;margin:0;padding-left:20px;display:grid}.admin-module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.admin-module-card h4{color:#f3f7ff;margin-top:0;margin-bottom:10px}.admin-module-card ul{gap:6px;margin:0;padding-left:18px;display:grid}.trainer-form{background:#0f172aa8;border:1px solid #94a3b82e;border-radius:16px;flex-direction:column;gap:14px;margin-bottom:18px;padding:18px;display:flex}.trainer-form label{color:#dbe7ff;flex-direction:column;gap:8px;font-weight:600;display:flex}.simple-header{margin-bottom:0}.trainer-summary-box{grid-template-columns:180px 1fr 1.4fr;align-items:start;gap:18px;margin-bottom:18px;display:grid}.trainer-count-box,.trainer-list-panel,.trainer-detail-card{background:#0f172aa8;border:1px solid #94a3b82e;border-radius:16px;padding:18px}.trainer-count-box{flex-direction:column;justify-content:center;min-height:150px;display:flex}.trainer-count-box span{color:#c6d5ef}.trainer-count-box strong{color:#f3f7ff;font-size:2.5rem}.trainer-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.trainer-item{color:#e5ecff;cursor:pointer;text-align:left;background:#0f172a9e;border:1px solid #94a3b82e;border-radius:12px;flex-direction:column;align-items:flex-start;padding:10px 12px;display:flex}.trainer-item.selected{background:#60a5fa1f;border-color:#60a5fa80}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:14px 0 18px;display:grid}.detail-grid span{text-transform:uppercase;color:#8ea3be;margin-bottom:4px;font-size:.75rem;display:block}.detail-grid strong{color:#f3f7ff}.trainer-dashboard .panel{width:100%}@media (width<=900px){.trainer-summary-box{grid-template-columns:1fr}}@media (width<=700px){.profile-meta{grid-template-columns:1fr}.list-row{flex-direction:column;align-items:flex-start}}