.session-form-panel-wrapper[data-v-3e51b862]{position:relative;z-index:1000}.panel-overlay[data-v-3e51b862]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001;opacity:1;transition:opacity .3s ease}.right-panel[data-v-3e51b862]{position:fixed;top:0;right:-600px;width:600px;height:100vh;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.15);z-index:1002;transition:right .3s ease;overflow-y:auto}.right-panel.open[data-v-3e51b862]{right:0}.panel-header[data-v-3e51b862]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-bottom:1px solid #e2e8f0}.panel-title[data-v-3e51b862]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-title h2[data-v-3e51b862]{font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.panel-close[data-v-3e51b862]{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.panel-close[data-v-3e51b862]:hover{background:hsla(0,0%,100%,.3)}.panel-subtitle[data-v-3e51b862]{margin:0;opacity:.9;font-size:14px}.panel-content[data-v-3e51b862]{padding:24px}.success-message[data-v-3e51b862]{background:#f0f9ff;border:1px solid #0ea5e9;color:#0c4a6e;padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.form-section[data-v-3e51b862]{margin-bottom:32px}.form-section-title[data-v-3e51b862]{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid #f1f5f9}.form-section-title i[data-v-3e51b862]{color:#6366f1}.form-group[data-v-3e51b862]{margin-bottom:20px}.form-row[data-v-3e51b862]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-label[data-v-3e51b862]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-label.required[data-v-3e51b862]:after{content:" *";color:#ef4444}.form-input[data-v-3e51b862],.form-select[data-v-3e51b862]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.form-input[data-v-3e51b862]:focus,.form-select[data-v-3e51b862]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-input.error[data-v-3e51b862],.form-select.error[data-v-3e51b862]{border-color:#ef4444}.error-message[data-v-3e51b862]{color:#ef4444;font-size:12px;margin-top:4px;display:block}.form-actions[data-v-3e51b862]{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e2e8f0;margin-top:32px}.btn[data-v-3e51b862]{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none;font-size:14px}.btn[data-v-3e51b862]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-3e51b862]{background:#f8fafc;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-3e51b862]:hover:not(:disabled){background:#f1f5f9}.btn-primary[data-v-3e51b862]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary[data-v-3e51b862]:hover:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}@media (max-width:768px){.right-panel[data-v-3e51b862]{width:100%;right:-100%}.form-row[data-v-3e51b862]{grid-template-columns:1fr}.panel-content[data-v-3e51b862]{padding:16px}}.student-enrollment-form[data-v-ca51debe]{padding:0}.form-section[data-v-ca51debe]{margin-bottom:32px}.form-section-title[data-v-ca51debe]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#374151;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.form-section-title i[data-v-ca51debe]{color:#3b82f6}.form-row[data-v-ca51debe]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group[data-v-ca51debe]{margin-bottom:16px}.form-label[data-v-ca51debe]{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.form-label.required[data-v-ca51debe]:after{content:" *";color:#ef4444}.form-input[data-v-ca51debe],.form-select[data-v-ca51debe]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff}.form-input[data-v-ca51debe]:focus,.form-select[data-v-ca51debe]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input.error[data-v-ca51debe],.form-select.error[data-v-ca51debe]{border-color:#ef4444}.form-input[data-v-ca51debe]:disabled,.form-select[data-v-ca51debe]:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-error[data-v-ca51debe]{display:flex;align-items:center;gap:6px;color:#ef4444;font-size:12px;margin-top:4px}.radio-group[data-v-ca51debe]{display:flex;gap:16px}.radio-option[data-v-ca51debe]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.radio-option input[type=radio][data-v-ca51debe]{margin:0}.form-actions[data-v-ca51debe]{display:flex;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb}.btn[data-v-ca51debe]{padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;border:none}.btn.primary[data-v-ca51debe]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn.primary[data-v-ca51debe]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn.secondary[data-v-ca51debe]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn.secondary[data-v-ca51debe]:hover:not(:disabled){background:#e5e7eb}.btn[data-v-ca51debe]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}@media (max-width:768px){.form-row[data-v-ca51debe]{grid-template-columns:1fr}.form-actions[data-v-ca51debe]{flex-direction:column}}.add-student-panel-wrapper[data-v-27954081]{position:relative;z-index:1000}.panel-overlay[data-v-27954081]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001;transition:opacity .3s ease}.right-panel[data-v-27954081]{position:fixed;top:0;right:0;width:600px;height:100vh;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.15);-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:1002;display:flex;flex-direction:column;overflow:hidden}.right-panel.open[data-v-27954081]{-webkit-transform:translateX(0);transform:translateX(0)}.panel-header[data-v-27954081]{padding:24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.panel-title[data-v-27954081]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-title h2[data-v-27954081]{margin:0;font-size:20px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:12px}.panel-title h2 i[data-v-27954081]{color:#3b82f6}.panel-close[data-v-27954081]{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.panel-close[data-v-27954081]:hover{background:#f3f4f6;color:#374151}.panel-subtitle[data-v-27954081]{margin:0;color:#6b7280;font-size:14px}.panel-content[data-v-27954081]{flex:1;overflow-y:auto;padding:24px}.success-message[data-v-27954081]{background:#ecfdf5;border:1px solid #10b981;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.success-message i[data-v-27954081]{color:#10b981}.error-message[data-v-27954081]{background:#fef2f2;border:1px solid #ef4444;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.error-message i[data-v-27954081]{color:#ef4444}.session-info[data-v-27954081]{margin-bottom:24px}.info-card[data-v-27954081]{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;overflow:hidden}.info-header[data-v-27954081]{background:#0ea5e9;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:8px;font-weight:500}.info-content[data-v-27954081]{padding:16px}.info-item[data-v-27954081]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#374151}.info-item[data-v-27954081]:last-child{margin-bottom:0}.info-item i[data-v-27954081]{color:#0ea5e9;width:16px}@media (max-width:768px){.right-panel[data-v-27954081]{width:100%}}.add-class-instance-panel[data-v-09140307]{position:relative;z-index:1000}.panel-overlay[data-v-09140307]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1001}.panel-content[data-v-09140307]{position:fixed;top:0;right:-600px;width:600px;height:100vh;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.15);transition:right .3s ease;z-index:1002;display:flex;flex-direction:column}.panel-content.panel-open[data-v-09140307]{right:0}.panel-header[data-v-09140307]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.panel-title[data-v-09140307]{display:flex;align-items:center;gap:12px}.panel-title i[data-v-09140307]{color:#3b82f6;font-size:20px}.panel-title h3[data-v-09140307]{margin:0;font-size:18px;font-weight:600;color:#111827}.panel-close-btn[data-v-09140307]{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s}.panel-close-btn[data-v-09140307]:hover{background:#e5e7eb;color:#374151}.panel-body[data-v-09140307]{flex:1;overflow-y:auto;padding:24px}.class-instance-form[data-v-09140307]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-09140307]{display:flex;flex-direction:column;gap:8px}.form-row[data-v-09140307]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label[data-v-09140307]{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;font-size:14px}.form-label i[data-v-09140307]{color:#6b7280;width:16px}.form-input[data-v-09140307],.form-select[data-v-09140307],.form-textarea[data-v-09140307]{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.form-select[data-v-09140307]{padding:0!important}.form-input[data-v-09140307]:focus,.form-select[data-v-09140307]:focus,.form-textarea[data-v-09140307]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input.error[data-v-09140307],.form-select.error[data-v-09140307],.form-textarea.error[data-v-09140307]{border-color:#ef4444}.error-message[data-v-09140307]{color:#ef4444;font-size:12px;margin-top:4px}.multi-select-container[data-v-09140307]{display:flex;flex-direction:column;gap:8px}.selected-classes[data-v-09140307],.selected-instructors[data-v-09140307]{display:flex;flex-wrap:wrap;gap:8px}.selected-class-chip[data-v-09140307],.selected-instructor-chip[data-v-09140307]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#dbeafe;color:#1e40af;border-radius:16px;font-size:12px;font-weight:500}.selected-instructor-chip[data-v-09140307]{background:#dcfce7;color:#166534}.remove-chip-btn[data-v-09140307]{background:none;border:none;padding:2px;cursor:pointer;color:currentColor;opacity:.7;transition:opacity .2s}.remove-chip-btn[data-v-09140307]:hover{opacity:1}.class-instructor-hint[data-v-09140307]{padding:8px 12px;background:#f0f9ff;border-radius:6px;font-size:12px;color:#0369a1;border-left:3px solid #0ea5e9;margin-bottom:16px}.class-instructor-pairs[data-v-09140307]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.class-instructor-pair[data-v-09140307]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.class-instructor-pair[data-v-09140307]:hover{background:#f3f4f6;border-color:#d1d5db}.pair-info[data-v-09140307]{display:flex;flex-direction:column;gap:6px;flex:1}.class-info[data-v-09140307],.instructor-info[data-v-09140307]{display:flex;align-items:center;gap:8px;font-size:14px}.class-info[data-v-09140307]{color:#1e40af;font-weight:500}.instructor-info[data-v-09140307]{color:#166534}.class-info i[data-v-09140307]{color:#3b82f6}.instructor-info i[data-v-09140307]{color:#059669}.remove-pair-btn[data-v-09140307]{background:#fee2e2;color:#dc2626;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-pair-btn[data-v-09140307]:hover{background:#fecaca;color:#b91c1c}.add-class-instructor-pair[data-v-09140307]{border:2px dashed #d1d5db;border-radius:8px;padding:16px;background:#fafafa}.pair-selectors[data-v-09140307]{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.class-selector[data-v-09140307],.instructor-selector[data-v-09140307]{display:flex;flex-direction:column;gap:6px}.selector-label[data-v-09140307]{font-size:12px;font-weight:500;color:#374151}.add-pair-btn[data-v-09140307]{background:#10b981;color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;height:42px}.add-pair-btn[data-v-09140307]:hover:not(:disabled){background:#059669}.add-pair-btn[data-v-09140307]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.radio-group[data-v-09140307]{display:flex;flex-direction:column;gap:12px}.radio-option[data-v-09140307]{display:flex;align-items:flex-start;gap:10px}.radio-input[data-v-09140307]{margin-top:2px}.radio-label[data-v-09140307]{flex:1;cursor:pointer}.radio-title[data-v-09140307]{font-weight:500;color:#374151;margin-bottom:2px}.radio-description[data-v-09140307]{font-size:12px;color:#6b7280}.form-actions[data-v-09140307]{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}.btn[data-v-09140307]{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;border:none}.btn.primary[data-v-09140307]{background:#3b82f6;color:#fff}.btn.primary[data-v-09140307]:hover:not(:disabled){background:#2563eb}.btn.secondary[data-v-09140307]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn.secondary[data-v-09140307]:hover:not(:disabled){background:#e5e7eb}.btn[data-v-09140307]:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.panel-content[data-v-09140307]{width:100vw;right:-100vw}.form-row[data-v-09140307]{grid-template-columns:1fr}.pair-selectors[data-v-09140307]{grid-template-columns:1fr;gap:12px}.add-pair-btn[data-v-09140307]{width:100%;justify-self:stretch}.pair-info[data-v-09140307]{gap:8px}.class-instructor-pair[data-v-09140307]{flex-direction:column;align-items:stretch;gap:12px}.remove-pair-btn[data-v-09140307]{align-self:flex-end}}.student-details[data-v-4c0ca268]{display:flex;flex-direction:column;gap:8px}.detail-item[data-v-4c0ca268]{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.detail-item i[data-v-4c0ca268]{width:16px;color:#9ca3af}.status-badge[data-v-4c0ca268]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.primary[data-v-4c0ca268]{background:#dbeafe;color:#1e40af}.status-badge.success[data-v-4c0ca268]{background:#dcfce7;color:#166534}.status-badge.danger[data-v-4c0ca268]{background:#fee2e2;color:#991b1b}.status-badge.secondary[data-v-4c0ca268]{background:#f3f4f6;color:#374151}.card-action[data-v-4c0ca268]{padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;border:none}.card-action.primary[data-v-4c0ca268]{background:#3b82f6;color:#fff}.card-action.primary[data-v-4c0ca268]:hover{background:#2563eb}.card-action.secondary[data-v-4c0ca268]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.card-action.secondary[data-v-4c0ca268]:hover{background:#e5e7eb}.session-details-page[data-v-3db14926]{min-height:100vh;background:#f8fafc}.error-container[data-v-3db14926],.loading-container[data-v-3db14926]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:48px 24px}.loading-spinner[data-v-3db14926]{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border-radius:50%;-webkit-animation:spin-3db14926 1s linear infinite;animation:spin-3db14926 1s linear infinite;margin-bottom:16px}@-webkit-keyframes spin-3db14926{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-3db14926{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error-icon[data-v-3db14926]{font-size:48px;color:#ef4444;margin-bottom:16px}.retry-btn[data-v-3db14926]{background:#6366f1;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;margin-top:16px;transition:all .2s ease}.retry-btn[data-v-3db14926]:hover{background:#4f46e5;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.page-hero[data-v-3db14926]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px 0;position:relative;overflow:visible}.page-hero[data-v-3db14926]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(217,119,6,.1),rgba(245,158,11,.1));pointer-events:none}.hero-content[data-v-3db14926]{display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:1;width:100%}.hero-info[data-v-3db14926]{display:flex;align-items:center;gap:16px}.session-avatar[data-v-3db14926]{width:64px;height:64px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.session-details h1[data-v-3db14926]{font-size:28px;font-weight:700;margin-bottom:8px}.session-meta[data-v-3db14926]{display:flex;gap:16px;flex-wrap:wrap}.meta-item[data-v-3db14926]{display:flex;align-items:center;gap:6px;font-size:14px;opacity:.9}.hero-actions[data-v-3db14926]{display:flex;gap:12px;position:relative}.hero-btn[data-v-3db14926]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:10px 16px;border-radius:8px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.hero-btn[data-v-3db14926]:hover{background:hsla(0,0%,100%,.3)}.hero-btn.primary[data-v-3db14926]{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:transparent}.hero-btn.primary[data-v-3db14926]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 8px rgba(217,119,6,.3)}.dropdown[data-v-3db14926]{position:relative!important;display:inline-block!important}.dropdown .hero-btn[data-v-3db14926]{position:relative!important;z-index:10!important;pointer-events:auto!important}.dropdown-menu[data-v-3db14926]{position:absolute!important;top:100%!important;right:auto!important;left:-100%!important;background:#fff!important;border-radius:8px!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important;min-width:200px!important;z-index:9999!important;margin-top:8px!important;border:1px solid #e2e8f0!important;overflow:visible!important;display:block!important;visibility:visible!important;opacity:1!important}.dropdown-item[data-v-3db14926]{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;color:#374151;font-size:14px;transition:all .2s ease}.dropdown-item[data-v-3db14926]:hover{background:#f3f4f6}.dropdown-item.danger[data-v-3db14926]{color:#ef4444}.dropdown-item.danger[data-v-3db14926]:hover{background:#fef2f2}.dropdown-divider[data-v-3db14926]{height:1px;background:#e2e8f0;margin:8px 0}.main-content[data-v-3db14926]{padding:24px;max-width:1200px;margin:0 auto;width:100%}.tabs-container[data-v-3db14926]{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;margin-top:32px}.tabs-header[data-v-3db14926]{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc}.tab-button[data-v-3db14926]{flex:1;padding:16px 20px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease;position:relative}.tab-button[data-v-3db14926]:hover{background:#f1f5f9;color:#374151}.tab-button.active[data-v-3db14926]{color:#6366f1;background:#fff}.tab-button.active[data-v-3db14926]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#6366f1}.tab-count[data-v-3db14926]{background:#e2e8f0;color:#64748b;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.tab-button.active .tab-count[data-v-3db14926]{background:#dbeafe;color:#1e40af}.tab-content[data-v-3db14926]{padding:24px}.tab-panel[data-v-3db14926]{min-height:400px}.tab-controls[data-v-3db14926]{margin-bottom:24px}.filter-section[data-v-3db14926]{margin-bottom:20px}.filter-section-title[data-v-3db14926]{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.filter-section-title i[data-v-3db14926]{font-size:10px;color:#6366f1}.filter-input[data-v-3db14926]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.filter-input[data-v-3db14926]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filter-select[data-v-3db14926]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.filter-select[data-v-3db14926]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filter-options[data-v-3db14926]{display:flex;flex-direction:column;gap:8px}.filter-option[data-v-3db14926]{display:flex;align-items:center;gap:8px}.filter-option input[type=radio][data-v-3db14926]{margin:0;cursor:pointer}.filter-option label[data-v-3db14926]{font-size:14px;color:#374151;cursor:pointer;margin:0}.filter-option input[type=radio]:checked+label[data-v-3db14926]{color:#6366f1;font-weight:500}.table-class-info[data-v-3db14926],.table-user-info[data-v-3db14926]{display:flex;align-items:center;gap:12px}.table-class-avatar[data-v-3db14926],.table-user-avatar[data-v-3db14926]{width:36px;height:36px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:14px}.table-class-details h4[data-v-3db14926],.table-user-details h4[data-v-3db14926]{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px 0}.table-class-details p[data-v-3db14926],.table-user-details p[data-v-3db14926]{font-size:12px;color:#64748b;margin:0}.badge[data-v-3db14926]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.badge.primary[data-v-3db14926]{background:#dbeafe;color:#1e40af}.badge.secondary[data-v-3db14926]{background:#f1f5f9;color:#475569}.badge.success[data-v-3db14926]{background:#dcfce7;color:#166534}.badge.danger[data-v-3db14926]{background:#fee2e2;color:#dc2626}.badge.warning[data-v-3db14926]{background:#fef3c7;color:#d97706}.class-number[data-v-3db14926]{font-size:11px;opacity:.8;margin-left:4px}.date-info[data-v-3db14926]{text-align:center}.date-info .date[data-v-3db14926]{font-size:14px;font-weight:500;color:#1e293b}.date-info .time[data-v-3db14926]{font-size:12px;color:#64748b}.attendance-info[data-v-3db14926],.completion-info[data-v-3db14926]{display:flex;flex-direction:column;align-items:center;gap:4px}.attendance-circle[data-v-3db14926],.completion-circle[data-v-3db14926]{width:32px;height:32px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.attendance-percentage[data-v-3db14926],.completion-percentage[data-v-3db14926]{font-size:10px;font-weight:600;color:#1e293b}.attendance-details[data-v-3db14926]{font-size:11px;color:#64748b}.text-muted[data-v-3db14926]{color:#64748b;font-style:italic}.empty-state[data-v-3db14926]{text-align:center;padding:48px 24px}.empty-icon[data-v-3db14926]{font-size:48px;color:#d1d5db;margin-bottom:16px}.empty-state h3[data-v-3db14926]{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.empty-state p[data-v-3db14926]{color:#64748b;margin:0}.modal-overlay[data-v-3db14926]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-3db14926]{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow:hidden}.modal-header[data-v-3db14926]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-3db14926]{margin:0;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.modal-close[data-v-3db14926]{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close[data-v-3db14926]:hover{background:#f1f5f9;color:#374151}.modal-body[data-v-3db14926]{padding:24px}.modal-body p[data-v-3db14926]{margin-bottom:16px;color:#374151}.info-box[data-v-3db14926],.warning-box[data-v-3db14926]{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:14px}.warning-box[data-v-3db14926]{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.info-box[data-v-3db14926]{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.modal-footer[data-v-3db14926]{padding:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn[data-v-3db14926]{padding:10px 20px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn.secondary[data-v-3db14926]{background:#f8fafc;color:#374151;border:1px solid #e2e8f0}.btn.secondary[data-v-3db14926]:hover{background:#f1f5f9}.btn.danger[data-v-3db14926]{background:#dc2626;color:#fff}.btn.danger[data-v-3db14926]:hover{background:#b91c1c}.btn.success[data-v-3db14926]{background:#10b981;color:#fff}.btn.success[data-v-3db14926]:hover{background:#059669}.btn[data-v-3db14926]:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.main-content[data-v-3db14926]{padding:16px}.hero-content[data-v-3db14926]{padding:0 16px;flex-direction:column;text-align:center;gap:24px}.session-meta[data-v-3db14926]{justify-content:center;gap:12px}.hero-actions[data-v-3db14926]{justify-content:center}.tabs-header[data-v-3db14926]{flex-direction:column}.tab-button[data-v-3db14926]{justify-content:flex-start}.modal-content[data-v-3db14926]{margin:16px;width:calc(100% - 32px)}}.btn.primary[data-v-3db14926]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn.primary[data-v-3db14926]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn.primary[data-v-3db14926]:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn.primary[data-v-3db14926]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}.card-view[data-v-3db14926],.table-view[data-v-3db14926]{width:100%}.cards-grid[data-v-3db14926]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:16px}@media (max-width:768px){.mobile-hidden[data-v-3db14926]{display:none!important}.cards-grid[data-v-3db14926]{grid-template-columns:1fr;gap:16px}}@media (min-width:769px){.cards-grid[data-v-3db14926]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}