/* Vedmata Classroom - frontend */
.vm-wrap{max-width:1200px;margin:30px auto;padding:0 18px;font-family:inherit;color:#172033}
.vm-hero,.vm-course-head,.vm-dashboard-head,.vm-classroom-top{border-radius:24px;padding:34px;background:linear-gradient(135deg,#eef4ff,#f9fbff);margin-bottom:26px}
.vm-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.vm-hero h1,.vm-course-head h1,.vm-dashboard-head h1,.vm-classroom-top h1{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:8px 0}
.vm-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.vm-card,.vm-panel,.vm-side-card{background:#fff;border:1px solid #e7ebf2;border-radius:20px;box-shadow:0 8px 28px rgba(25,40,70,.07);overflow:hidden}
.vm-thumb{display:block;aspect-ratio:16/9;background:#edf2fa}.vm-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vm-card-body{padding:20px}.vm-card h3{font-size:21px;margin:10px 0}.vm-card p{color:#667085;line-height:1.6}.vm-badges{display:flex;gap:7px;align-items:center}.vm-badges span,.vm-badges b{font-size:11px;border-radius:99px;padding:6px 10px;background:#eef3ff;color:#3556a8}.vm-badges b{background:#fff0ed;color:#c33a25}.vm-meta{display:flex;gap:15px;font-size:12px;color:#667085;margin:12px 0}.vm-price{margin:12px 0}.vm-price strong{font-size:23px}.vm-price del{color:#98a2b3;margin-right:6px}.vm-actions{display:flex;gap:8px}.vm-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 15px;background:#315efb;color:#fff!important;text-decoration:none!important;font-weight:700;cursor:pointer}.vm-btn-light{background:#f2f4f7;color:#172033!important}.vm-btn-complete{background:#16865b}.vm-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.vm-panel,.vm-side-card{padding:25px;margin-bottom:22px}.vm-panel h2{margin-top:0}.vm-course-head{display:grid;grid-template-columns:300px 1fr;gap:28px}.vm-course-head>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}.vm-section{border:1px solid #e8ecf2;border-radius:14px;margin:12px 0;overflow:hidden}.vm-section-title{font-weight:800;padding:15px;background:#f8fafc}.vm-lesson-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:13px 15px;border-top:1px solid #edf0f4;font-size:14px}.vm-lesson-row small{color:#8a94a6}.vm-empty,.vm-login-required{padding:30px;border-radius:16px;background:#f8fafc;text-align:center}.vm-progress{height:9px;background:#edf0f5;border-radius:99px;overflow:hidden}.vm-progress i{display:block;height:100%;background:#315efb;border-radius:99px}.vm-classroom-top{display:flex;justify-content:space-between;align-items:center}.vm-progress-pill{font-weight:800;background:#fff;padding:12px 16px;border-radius:99px}.vm-player-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px}.vm-curriculum{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:14px;height:max-content;position:sticky;top:20px}.vm-curriculum-section{padding:8px 0}.vm-curriculum-section strong{display:block;padding:8px 10px;font-size:13px}.vm-curriculum a{display:block;padding:9px 10px;border-radius:10px;text-decoration:none;color:#4b5565;font-size:13px}.vm-curriculum a:hover,.vm-curriculum a.active{background:#eef3ff;color:#315efb}.vm-lesson-heading span{font-size:12px;text-transform:uppercase;color:#667085}.vm-video{position:relative;aspect-ratio:16/9;background:#111;border-radius:16px;overflow:hidden;margin:18px 0}.vm-video iframe{position:absolute;width:100%;height:100%;border:0}.vm-lesson-footer{margin-top:25px;padding-top:20px;border-top:1px solid #edf0f4}.vm-profile{text-align:center}.vm-avatar{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#eef3ff;font-size:32px;font-weight:800;color:#315efb}
@media(max-width:900px){.vm-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-course-head{grid-template-columns:220px 1fr}.vm-content-grid{grid-template-columns:1fr}.vm-player-grid{grid-template-columns:1fr}.vm-curriculum{position:static}}
@media(max-width:600px){.vm-wrap{margin:15px auto;padding:0 12px}.vm-course-grid{grid-template-columns:1fr}.vm-course-head{grid-template-columns:1fr;padding:20px}.vm-actions{flex-direction:column}.vm-classroom-top{align-items:flex-start;gap:12px;flex-direction:column}.vm-panel{padding:18px}.vm-meta{flex-wrap:wrap}.vm-hero{padding:25px}}