:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#eef2ff 0%,#f9fafb 32%,#f3f4f6 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}.app-shell{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#6b7280;margin:0 0 8px;font-size:12px}.topbar h1{color:#111827;margin:0;font-size:clamp(2rem,4vw,3rem)}.tab-group{background:#eef2ff;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:#374151;background:0 0;padding:10px 16px;font-weight:600}.tab.active{color:#fff;background:#4f46e5;box-shadow:0 8px 20px #4f46e540}.content{flex-direction:column;gap:20px;display:flex}.alert{border-radius:12px;padding:14px 18px;font-weight:600}.alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.auth-layout,.dashboard{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 8px 30px #0f172a0a}.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:#374151;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:#4f46e5;background:0 0;padding:0;font-weight:700;text-decoration:underline}.password-flow-form{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.auth-form input{font:inherit;background:#f9fafb;border:1px solid #d1d5db;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,#4f46e5,#7c3aed)}.secondary-btn,.logout-btn{color:#312e81;background:#eef2ff}.preview-panel h2,.panel h2{color:#111827;margin-top:0;margin-bottom:18px}.mini-course-list{flex-direction:column;gap:14px;display:flex}.mini-course-card,.course-card,.user-row,.batch-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px}.mini-course-card{padding:16px}.mini-course-card h3,.course-card h3{color:#111827;margin:10px 0 8px}.mini-course-card p,.course-card p,.user-row p{color:#4b5563;margin:0}.badge,.status-pill{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge{color:#5b21b6;background:#ede9fe}.status-pill{color:#166534;background:#dcfce7}.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{color:#4b5563;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,#eef2ff,#f5f3ff);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.stat-box span{color:#4b5563}.stat-box strong{color:#111827;font-size:1.8rem}.panel-header{margin-bottom:20px}.dashboard-shell{grid-template-columns:260px minmax(0,1fr);align-items:flex-start;gap:20px;display:grid}.sidebar-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px 14px;position:sticky;top:20px;box-shadow:0 8px 30px #0f172a0a}.sidebar-header{margin-bottom:14px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{text-align:left;color:#1f2937;width:100%;font:inherit;cursor:pointer;background:#f3f4f6;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:600}.sidebar-link.active,.sidebar-link:hover{color:#312e81;background:#eef2ff;border-color:#c7d2fe}.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:#4f46e5;background:0 0;padding:0;font-weight:700}.user-list{flex-direction:column;gap:12px;display:flex}.user-row{padding:14px 16px}.user-row strong{color:#111827}@media (width<=800px){.auth-layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.user-header-right{align-items:center;gap:12px;display:flex}.role-pill{color:#312e81;text-transform:uppercase;background:#e0e7ff;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:#374151;flex-direction:column;gap:8px;font-weight:600;display:flex}.batch-form input,.batch-form select{font:inherit;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;padding:11px 12px}.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:#6b7280;margin:0 0 6px;font-size:11px}.batch-course-name{color:#1f2937;margin-top:10px;font-weight:700}.batch-meta-grid{color:#4b5563;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:#f9fafb;border:1px solid #e5e7eb;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:#f9fafb;border:1px solid #e5e7eb;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:#f9fafb;border:1px solid #e5e7eb;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:#e5e7eb;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(135deg,#4f46e5,#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:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.analytics-card strong{color:#111827;margin:10px 0 6px;font-size:1.3rem;display:block}.analytics-card small{color:#4b5563}.action-list{color:#374151;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:#111827;margin-top:0;margin-bottom:10px}.admin-module-card ul{color:#4b5563;gap:6px;margin:0;padding-left:18px;display:grid}.trainer-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:14px;margin-bottom:18px;padding:18px;display:flex}.trainer-form label{color:#374151;flex-direction:column;gap:8px;font-weight:600;display:flex}.trainer-form input{font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:11px 12px}.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:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:18px}.trainer-count-box{flex-direction:column;justify-content:center;min-height:150px;display:flex}.trainer-count-box span{color:#4b5563}.trainer-count-box strong{color:#111827;font-size:2.5rem}.trainer-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.trainer-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:12px;flex-direction:column;align-items:flex-start;padding:10px 12px;display:flex}.trainer-item.selected{background:#eef2ff;border-color:#4f46e5}.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:#6b7280;margin-bottom:4px;font-size:.75rem;display:block}.detail-grid strong{color:#111827}.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}}