.vma-classroom{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f6f8fc;border:1px solid #e5e8ef;border-radius:18px;padding:18px;max-width:1400px;margin:auto}.vma-top{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-radius:15px;padding:18px;margin-bottom:15px;border:1px solid #e7e9ee}.vma-top h1{margin:8px 0 2px;font-size:clamp(22px,3vw,34px)}.vma-top p{margin:0;color:#657084}.vma-live{background:#161b27;color:#fff;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700}.vma-online{background:#eef3ff;padding:10px 14px;border-radius:12px}.vma-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:15px}.vma-people,.vma-panel,.vma-actions,.vma-teacher-tools,.vma-att{background:#fff;border:1px solid #e4e7ed;border-radius:14px}.vma-people{padding:14px}.vma-people h3{margin-top:0}.vma-person{display:flex;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid #eee}.vma-person img{width:38px;height:38px;border-radius:50%}.vma-person small{display:block;font-size:11px;color:#228447}.vma-actions{padding:10px;display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.vma-actions button,.vma-actions a,.vma-teacher-tools button,.vma-attend,.vma-chat-send,.vma-enroll{border:1px solid #d7dce5;background:#fff;border-radius:9px;padding:9px 12px;text-decoration:none;cursor:pointer;color:#172033}.vma-primary{background:#111827!important;color:#fff!important}.vma-tab-btn.active{background:#111827;color:#fff}.vma-panel{display:none;padding:12px;min-height:450px}.vma-panel.active{display:block}.vma-video{aspect-ratio:16/9;background:#000;border-radius:11px;overflow:hidden}.vma-video iframe{width:100%;height:100%;border:0}.vma-board{width:100%;height:auto;min-height:420px;border:1px solid #ddd;border-radius:10px;background:#fff;touch-action:none}.vma-slide{min-height:430px;display:grid;place-items:center}.vma-slide iframe{width:100%;height:650px;border:0}.vma-img{max-width:100%;max-height:700px}.vma-chat{height:360px;overflow:auto;border:1px solid #ddd;border-radius:9px;padding:10px}.vma-chat>div{padding:8px;border-bottom:1px solid #eee}.vma-chatbar{display:flex;gap:8px;margin-top:8px}.vma-chat-input{flex:1;padding:10px;border:1px solid #ccc;border-radius:8px}.vma-local{width:380px;max-width:100%;background:#111;border-radius:10px}.vma-teacher-tools{padding:10px;margin-top:10px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.vma-file input{max-width:230px}.vma-att{padding:12px;margin-top:10px}.vma-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.vma-course-card{background:#fff;border:1px solid #e1e5ec;border-radius:15px;padding:15px}.vma-course-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.vma-enrolled{display:inline-block;padding:7px 10px;background:#edf8f0;border-radius:8px}.vma-dash-course{background:#fff;border:1px solid #e2e6ec;border-radius:14px;padding:15px;margin:12px 0}.vma-class-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eee}.vma-class-row small{display:block;color:#687286}.vma-class-row a{align-self:center}.vma-previous article{background:#fff;border:1px solid #e2e6ec;border-radius:13px;padding:15px;margin:12px 0}@media(max-width:800px){.vma-grid{grid-template-columns:1fr}.vma-people{order:2}.vma-panel{min-height:360px}.vma-top{align-items:flex-start}.vma-online{white-space:nowrap}}