.page-header[data-v-49ad4776]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:24px}.page-header .header-content .page-title[data-v-49ad4776]{font-family:Arimo,sans-serif;font-size:24px;font-weight:400;line-height:1.33;color:#0a0a0a;margin:0 0 8px 0}.page-header .header-content .page-description[data-v-49ad4776]{font-family:Arimo,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#4a5565;margin:0}.page-header .header-actions .export-btn[data-v-49ad4776],.page-header .header-actions[data-v-49ad4776]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.page-header .header-actions .export-btn[data-v-49ad4776]{height:32px;padding:0 14px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#0a0a0a;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-header .header-actions .export-btn i[data-v-49ad4776]{font-size:16px}.page-header .header-actions .create-btn[data-v-49ad4776]{height:32px;padding:0 14px;background:#165dff;border:none;border-radius:8px;color:#fff;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.page-header .header-actions .create-btn i[data-v-49ad4776]{font-size:16px}@media(max-width:768px){.page-header[data-v-49ad4776]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.page-header .header-actions[data-v-49ad4776]{width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.stat-card[data-v-67adf538]{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:24px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card[data-v-67adf538]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(21,93,252,.02),rgba(21,93,252,.05));opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:none}.stat-card[data-v-67adf538]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:rgba(21,93,252,.3)}.stat-card[data-v-67adf538]:hover:before{opacity:1}.stat-card:hover .stat-icon[data-v-67adf538]{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);-webkit-box-shadow:0 4px 12px rgba(21,93,252,.2);box-shadow:0 4px 12px rgba(21,93,252,.2)}.stat-card:hover .stat-value .value-number[data-v-67adf538]{-webkit-transform:scale(1.05);transform:scale(1.05)}.stat-card[data-v-67adf538]:active{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-card .stat-content[data-v-67adf538]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-card .stat-content .stat-left[data-v-67adf538]{-webkit-box-flex:1;-ms-flex:1;flex:1}.stat-card .stat-content .stat-left .stat-label[data-v-67adf538]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#4a5565;margin-bottom:8px}.stat-card .stat-content .stat-left .stat-value[data-v-67adf538]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:8px}.stat-card .stat-content .stat-left .stat-value .value-number[data-v-67adf538]{font-family:Arimo,sans-serif;font-size:24px;font-weight:400;line-height:1.33;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.stat-card .stat-content .stat-left .stat-value .value-unit[data-v-67adf538]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#6a7282;margin-left:4px}.stat-card .stat-content .stat-left .stat-desc[data-v-67adf538]{font-family:Arimo,sans-serif;font-size:12px;font-weight:400;line-height:1.33;color:#6a7282}.stat-card .stat-content .stat-icon[data-v-67adf538]{width:48px;height:48px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.stat-card-blue .stat-value .value-number[data-v-67adf538]{color:#155dfc}.stat-card-blue .icon-blue[data-v-67adf538]{background:#dbeafe}.stat-card-green .stat-value .value-number[data-v-67adf538]{color:#00a63e}.stat-card-green .icon-green[data-v-67adf538]{background:#dcfce7}.stat-card-purple .stat-value .value-number[data-v-67adf538]{color:#9810fa}.stat-card-purple .icon-purple[data-v-67adf538]{background:#f3e8ff}.stat-card-orange .stat-value .value-number[data-v-67adf538]{color:#f54900}.stat-card-orange .icon-orange[data-v-67adf538]{background:#ffedd4}.stats-cards[data-v-1038b992]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.stat-card-item[data-v-1038b992]{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-animation:stat-card-fade-in-1038b992 .3s cubic-bezier(.4,0,.2,1) forwards;animation:stat-card-fade-in-1038b992 .3s cubic-bezier(.4,0,.2,1) forwards}.stat-card-item.stat-card-item-1[data-v-1038b992]{-webkit-animation-delay:0ms;animation-delay:0ms}.stat-card-item.stat-card-item-2[data-v-1038b992]{-webkit-animation-delay:50ms;animation-delay:50ms}.stat-card-item.stat-card-item-3[data-v-1038b992]{-webkit-animation-delay:.1s;animation-delay:.1s}.stat-card-item.stat-card-item-4[data-v-1038b992]{-webkit-animation-delay:.15s;animation-delay:.15s}@-webkit-keyframes stat-card-fade-in-1038b992{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes stat-card-fade-in-1038b992{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media(max-width:1200px){.stats-cards[data-v-1038b992]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-cards[data-v-1038b992]{grid-template-columns:1fr}}.tab-list[data-v-21ce7894]{background:#ececf0;border-radius:14px;padding:3.5px 3px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:3px;margin-bottom:24px}.tab-list .tab-item[data-v-21ce7894]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:29px;padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:14px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#0a0a0a;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.tab-list .tab-item.active[data-v-21ce7894]{background:#fff;border:1px solid rgba(0,0,0,.1)}.tab-list .tab-item[data-v-21ce7894]:hover{background:hsla(0,0%,100%,.5)}.pagination-wrapper[data-v-29392436]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px;border-top:1px solid rgba(0,0,0,.1)}.pagination-wrapper .pagination-info[data-v-29392436]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#6a7282}.pagination-wrapper .pagination-controls[data-v-29392436]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.pagination-wrapper .pagination-controls .page-btn[data-v-29392436]{height:32px;min-width:32px;padding:0 12px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#0a0a0a}.pagination-wrapper .pagination-controls .page-btn.page-number[data-v-29392436]{min-width:34px;padding:0}.pagination-wrapper .pagination-controls .page-btn.page-number.active[data-v-29392436]{background:#165dff;color:#fff;border-color:#165dff}.pagination-wrapper .pagination-controls .page-btn[data-v-29392436]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.pagination-wrapper[data-v-29392436]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.pagination-wrapper .pagination-controls[data-v-29392436]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}[data-v-4e6c1000] .create-class-dialog .el-dialog__header{display:none}[data-v-4e6c1000] .create-class-dialog .el-dialog__body{padding:0}.create-class-dialog-content[data-v-4e6c1000]{position:relative;width:100%;min-height:336px;background:#fff;border-radius:10px;-webkit-box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1);box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1)}.create-class-dialog-content .create-class-view[data-v-4e6c1000],.create-class-dialog-content .select-students-view[data-v-4e6c1000]{position:relative;width:100%}.create-class-dialog-content .select-students-view[data-v-4e6c1000]{min-height:730px}.close-button[data-v-4e6c1000]{position:absolute;top:17px;right:17px;width:16px;height:16px;background:transparent;border:none;cursor:pointer;opacity:.7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:10}.close-button[data-v-4e6c1000]:hover{opacity:1}.dialog-header[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:25px 25px 0;width:462px}.dialog-header .dialog-title[data-v-4e6c1000]{font-family:Arimo,sans-serif;font-size:18px;font-weight:700;line-height:1em;color:#0a0a0a;margin:0}.dialog-header .dialog-description[data-v-4e6c1000]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#717182;margin:0}.dialog-body[data-v-4e6c1000]{gap:24px;padding:16px 25px 0;width:462px}.dialog-body[data-v-4e6c1000],.form-item[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-item[data-v-4e6c1000]{gap:8px;width:100%}.form-item .form-label[data-v-4e6c1000]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1em;color:#0a0a0a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-4e6c1000] .class-name-input .el-input__inner{height:36px;padding:4px 12px;background:#f3f3f5;border:1px solid transparent;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;line-height:1.15em;color:#0a0a0a}[data-v-4e6c1000] .class-name-input .el-input__inner::-webkit-input-placeholder{color:#717182}[data-v-4e6c1000] .class-name-input .el-input__inner::-moz-placeholder{color:#717182}[data-v-4e6c1000] .class-name-input .el-input__inner:-ms-input-placeholder{color:#717182}[data-v-4e6c1000] .class-name-input .el-input__inner::-ms-input-placeholder{color:#717182}[data-v-4e6c1000] .class-name-input .el-input__inner::placeholder{color:#717182}[data-v-4e6c1000] .class-name-input .el-input__inner:focus{background:#fff;border-color:rgba(0,0,0,.1)}[data-v-4e6c1000] .course-select{width:100%}[data-v-4e6c1000] .course-select .el-input__inner{height:36px;border-radius:8px;background:#f3f3f5;border:1px solid transparent}[data-v-4e6c1000] .course-select .el-input__inner::-webkit-input-placeholder{color:#717182}[data-v-4e6c1000] .course-select .el-input__inner::-moz-placeholder{color:#717182}[data-v-4e6c1000] .course-select .el-input__inner:-ms-input-placeholder{color:#717182}[data-v-4e6c1000] .course-select .el-input__inner::-ms-input-placeholder{color:#717182}[data-v-4e6c1000] .course-select .el-input__inner::placeholder{color:#717182}[data-v-4e6c1000] .course-select .el-input__inner:focus{background:#fff;border-color:rgba(0,0,0,.1)}.course-option[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%}.course-option .course-details[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-option .course-name[data-v-4e6c1000]{font-size:14px;color:#0a0a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.course-option .course-id[data-v-4e6c1000]{font-size:12px;color:#717182;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.select-student-button[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:36px;padding:0 13px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.select-student-button[data-v-4e6c1000]:hover{background:#f5f7fa}.select-student-button .button-icon-left[data-v-4e6c1000]{-ms-flex-negative:0;flex-shrink:0}.select-student-button .button-text[data-v-4e6c1000]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;margin-left:16px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#0a0a0a}.select-student-button .button-icon-right[data-v-4e6c1000]{-ms-flex-negative:0;flex-shrink:0}.create-class-view .students-list-container[data-v-4e6c1000]{min-height:262px}.create-class-view .students-list[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:12px;min-height:240px;max-height:240px;overflow-y:auto;background:#fff}.create-class-view .student-item[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px;height:56px;border-radius:8px;background:#f7f7fb;-webkit-transition:background .2s;transition:background .2s}.create-class-view .student-item[data-v-4e6c1000]:hover{background:#eef2ff}.create-class-view .student-info[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%}.create-class-view .student-details[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-class-view .student-name[data-v-4e6c1000]{font-family:Arimo,sans-serif;font-size:14px;font-weight:500;line-height:1.43em;color:#0a0a0a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-class-view .student-id[data-v-4e6c1000]{font-family:Arimo,sans-serif;font-size:12px;font-weight:400;line-height:1.33em;color:#717182;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-class-view .delete-btn[data-v-4e6c1000]{width:32px;height:32px;border-radius:6px;background:#165dff;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .2s;transition:background .2s}.create-class-view .delete-btn[data-v-4e6c1000]:hover{background:#0e4acc}.dialog-footer[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;padding:0 25px 25px;width:462px;margin-top:16px}.dialog-button[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 16px;height:36px;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:none}.btn-secondary[data-v-4e6c1000]{min-width:62px;background:#fff;border:1px solid rgba(0,0,0,.1);color:#0a0a0a}.btn-secondary[data-v-4e6c1000]:hover{background:#f5f7fa}.btn-primary[data-v-4e6c1000]{min-width:88px;background:#165dff;color:#fff}.btn-primary[data-v-4e6c1000]:hover{background:#0e4acc}.btn-primary[data-v-4e6c1000]:disabled{background:#165dff;opacity:.5;cursor:not-allowed}.btn-primary[data-v-4e6c1000]:disabled:hover{background:#165dff}[data-v-4e6c1000] .student-multi-select{width:100%}[data-v-4e6c1000] .student-multi-select .el-select__tags{max-height:80px;overflow-y:auto}[data-v-4e6c1000] .student-multi-select .el-input__inner{height:36px;border-radius:8px;background:#f3f3f5;border:1px solid transparent}[data-v-4e6c1000] .student-multi-select .el-input__inner::-webkit-input-placeholder{color:#717182}[data-v-4e6c1000] .student-multi-select .el-input__inner::-moz-placeholder{color:#717182}[data-v-4e6c1000] .student-multi-select .el-input__inner:-ms-input-placeholder{color:#717182}[data-v-4e6c1000] .student-multi-select .el-input__inner::-ms-input-placeholder{color:#717182}[data-v-4e6c1000] .student-multi-select .el-input__inner::placeholder{color:#717182}[data-v-4e6c1000] .student-multi-select .el-input__inner:focus{background:#fff;border-color:rgba(0,0,0,.1)}[data-v-4e6c1000] .el-select-dropdown__item{height:auto;line-height:1.4;padding-top:8px;padding-bottom:8px}.student-option[data-v-4e6c1000]{gap:12px;width:100%}.student-option .student-avatar[data-v-4e6c1000],.student-option[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-option .student-avatar[data-v-4e6c1000]{width:32px;height:32px;border-radius:50%;background:#ececf0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Arimo,sans-serif;font-size:14px;color:#0a0a0a;-ms-flex-negative:0;flex-shrink:0}.student-option .student-details[data-v-4e6c1000]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.student-option .student-name[data-v-4e6c1000]{font-size:14px;color:#0a0a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.student-option .student-id[data-v-4e6c1000]{font-size:12px;color:#717182;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.helper-text[data-v-4e6c1000]{margin-top:6px;font-size:12px;color:#717182}.empty-selected[data-v-4e6c1000]{min-height:120px;border:1px dashed rgba(0,0,0,.1);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:13px;color:#717182}[data-v-52a440ce] .class-management-dialog .el-dialog__header{display:none}[data-v-52a440ce] .class-management-dialog .el-dialog__body{padding:0}.dialog-content[data-v-52a440ce]{position:relative;width:100%;min-height:336px;background:#fff;border-radius:10px;-webkit-box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1);box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1)}.dialog-content .manage-class-view[data-v-52a440ce],.dialog-content .select-students-view[data-v-52a440ce]{position:relative;width:100%}.dialog-content .select-students-view[data-v-52a440ce]{min-height:730px}.close-button[data-v-52a440ce]{position:absolute;top:17px;right:17px;width:16px;height:16px;background:transparent;border:none;cursor:pointer;opacity:.7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:10}.close-button[data-v-52a440ce]:hover{opacity:1}.dialog-header[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:25px 25px 0;width:462px}.dialog-title[data-v-52a440ce]{font-family:Arimo,sans-serif;font-size:18px;font-weight:700;line-height:1em;color:#0a0a0a;margin:0}.dialog-description[data-v-52a440ce]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#717182;margin:0}.dialog-body[data-v-52a440ce]{gap:24px;padding:16px 25px 0;width:462px}.dialog-body[data-v-52a440ce],.form-item[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-item[data-v-52a440ce]{gap:8px;width:100%}.form-label[data-v-52a440ce]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1em;color:#0a0a0a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-52a440ce] .class-name-input .el-input__inner{height:36px;padding:4px 12px;background:#f3f3f5;border:1px solid transparent;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;line-height:1.15em;color:#0a0a0a}[data-v-52a440ce] .class-name-input .el-input__inner::-webkit-input-placeholder{color:#717182}[data-v-52a440ce] .class-name-input .el-input__inner::-moz-placeholder{color:#717182}[data-v-52a440ce] .class-name-input .el-input__inner:-ms-input-placeholder{color:#717182}[data-v-52a440ce] .class-name-input .el-input__inner::-ms-input-placeholder{color:#717182}[data-v-52a440ce] .class-name-input .el-input__inner::placeholder{color:#717182}[data-v-52a440ce] .class-name-input .el-input__inner:focus{background:#fff;border-color:rgba(0,0,0,.1)}.select-student-button[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:36px;padding:0 13px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.select-student-button[data-v-52a440ce]:hover{background:#f5f7fa}.select-student-button .button-icon-left[data-v-52a440ce]{-ms-flex-negative:0;flex-shrink:0}.select-student-button .button-text[data-v-52a440ce]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left;margin-left:16px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#0a0a0a}.select-student-button .button-icon-right[data-v-52a440ce]{-ms-flex-negative:0;flex-shrink:0}.manage-class-view .students-list-container[data-v-52a440ce]{min-height:262px}.manage-class-view .students-list[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:12px;min-height:240px;max-height:240px;overflow-y:auto;background:#fff}.manage-class-view .student-item[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px;height:40px;border-radius:8px;background:#f7f7fb;-webkit-transition:background .2s;transition:background .2s}.manage-class-view .student-item[data-v-52a440ce]:hover{background:#eef2ff}.manage-class-view .student-info[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%}.manage-class-view .student-details[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.manage-class-view .student-name[data-v-52a440ce]{font-family:Arimo,sans-serif;font-size:14px;font-weight:500;line-height:1.43em;color:#0a0a0a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-class-view .delete-btn[data-v-52a440ce]{width:32px;height:32px;border-radius:6px;background:#165dff;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .2s;transition:background .2s}.manage-class-view .delete-btn[data-v-52a440ce]:hover{background:#0e4acc}.dialog-footer[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;padding:0 25px 25px;width:462px;margin-top:16px}.dialog-button[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 16px;height:36px;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:none}.btn-secondary[data-v-52a440ce]{min-width:62px;background:#fff;border:1px solid rgba(0,0,0,.1);color:#0a0a0a}.btn-secondary[data-v-52a440ce]:hover{background:#f5f7fa}.btn-primary[data-v-52a440ce]{min-width:88px;background:#165dff;color:#fff}.btn-primary[data-v-52a440ce]:hover{background:#0e4acc}[data-v-52a440ce] .student-multi-select{width:100%}[data-v-52a440ce] .student-multi-select .el-select__tags{max-height:80px;overflow-y:auto}[data-v-52a440ce] .student-multi-select .el-input__inner{height:36px;border-radius:8px;background:#f3f3f5;border:1px solid transparent}[data-v-52a440ce] .student-multi-select .el-input__inner::-webkit-input-placeholder{color:#717182}[data-v-52a440ce] .student-multi-select .el-input__inner::-moz-placeholder{color:#717182}[data-v-52a440ce] .student-multi-select .el-input__inner:-ms-input-placeholder{color:#717182}[data-v-52a440ce] .student-multi-select .el-input__inner::-ms-input-placeholder{color:#717182}[data-v-52a440ce] .student-multi-select .el-input__inner::placeholder{color:#717182}[data-v-52a440ce] .student-multi-select .el-input__inner:focus{background:#fff;border-color:rgba(0,0,0,.1)}[data-v-52a440ce] .el-select-dropdown__item{height:auto;line-height:1.4;padding-top:8px;padding-bottom:8px}.student-option[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%}.student-option .student-details[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.student-option .student-name[data-v-52a440ce]{font-size:14px;color:#0a0a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.student-option .student-id[data-v-52a440ce]{font-size:12px;color:#717182;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.helper-text[data-v-52a440ce]{margin-top:6px;font-size:12px;color:#717182}.empty-selected[data-v-52a440ce]{min-height:120px;border:1px dashed rgba(0,0,0,.1);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:13px;color:#717182}.course-display[data-v-52a440ce]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;padding:8px 12px;background:#f7f7f9;border:1px solid rgba(0,0,0,.08);border-radius:8px}.course-display .course-name[data-v-52a440ce]{font-size:14px;color:#0a0a0a;margin:0}.dialog-content[data-v-d94da026]{position:relative;padding:25px}.close-button[data-v-d94da026]{position:absolute;top:17px;right:17px;width:16px;height:16px;padding:0;background:transparent;border:none;cursor:pointer;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:10}.close-button[data-v-d94da026]:hover{opacity:1}.close-button svg[data-v-d94da026]{display:block;width:100%;height:100%}.dialog-header[data-v-d94da026]{margin-bottom:32px}.dialog-header .dialog-title[data-v-d94da026]{font-family:Arimo,sans-serif;font-size:18px;font-weight:700;line-height:1em;color:#0a0a0a;margin:0 0 8px 0}.dialog-header .dialog-description[data-v-d94da026]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.4285714286em;color:#717182;margin:0}.table-container[data-v-d94da026]{margin-bottom:32px}.table-container .table-wrapper[data-v-d94da026]{width:100%}.table-container .table-header .table-row[data-v-d94da026]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;border-bottom:1px solid rgba(0,0,0,.1)}.table-container .table-header .table-head[data-v-d94da026]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.4285714286em;color:#0a0a0a;padding:8px 8px}.table-container .table-header .table-head.student-name-col[data-v-d94da026]{width:110.25px;-ms-flex-negative:0;flex-shrink:0}.table-container .table-header .table-head.progress-col[data-v-d94da026]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.table-container .table-body .table-row[data-v-d94da026]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:49px;border-bottom:1px solid rgba(0,0,0,.1);padding:8.5px 0}.table-container .table-body .table-row[data-v-d94da026]:last-child{border-bottom:none}.table-container .table-body .empty-state[data-v-d94da026]{padding:40px 0;text-align:center;color:#6a7282;font-family:Arimo,sans-serif;font-size:14px}.table-container .table-body .table-cell[data-v-d94da026]{padding:0 8px}.table-container .table-body .table-cell.student-name-col[data-v-d94da026]{width:110px;-ms-flex-negative:0;flex-shrink:0}.table-container .table-body .table-cell.progress-col[data-v-d94da026]{-webkit-box-flex:1;-ms-flex:1;flex:1}.table-container .table-body .student-info[data-v-d94da026]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.table-container .table-body .student-info .avatar-circle[data-v-d94da026]{width:32px;height:32px;border-radius:50%;background:#ececf0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.table-container .table-body .student-info .avatar-circle[data-v-d94da026],.table-container .table-body .student-info .student-name[data-v-d94da026]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.4285714286em;color:#0a0a0a}.table-container .table-body .progress-info[data-v-d94da026]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.table-container .table-body .progress-info .progress-text[data-v-d94da026]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.4285714286em;color:#0a0a0a;width:48px;text-align:right;-ms-flex-negative:0;flex-shrink:0;margin-left:auto}.table-container .table-body .progress-info .progress-bar-wrapper[data-v-d94da026]{width:192px;-ms-flex-negative:0;flex-shrink:0}.table-container .table-body .progress-info .progress-bar-wrapper .progress-bar-bg[data-v-d94da026]{width:100%;height:8px;background:rgba(3,2,19,.2);border-radius:9999px;overflow:hidden;position:relative}.table-container .table-body .progress-info .progress-bar-wrapper .progress-bar-bg .progress-bar-fill[data-v-d94da026]{height:100%;background:#030213;border-radius:9999px;-webkit-transition:width .3s ease;transition:width .3s ease}.dialog-footer[data-v-d94da026]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dialog-footer .btn-close[data-v-d94da026]{padding:8px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.4285714286em;color:#0a0a0a;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.dialog-footer .btn-close[data-v-d94da026]:hover{background:#f5f5f5;border-color:rgba(0,0,0,.2)}.dialog-footer .btn-close[data-v-d94da026]:active{background:#e8e8e8}.student-progress-dialog{border-radius:10px;-webkit-box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1);box-shadow:0 4px 6px -4px rgba(0,0,0,.1),0 10px 15px -3px rgba(0,0,0,.1)}.student-progress-dialog .el-dialog__header{display:none}.student-progress-dialog .el-dialog__body{padding:0}.class-card[data-v-5e6cb691]{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);position:relative;overflow:hidden;cursor:pointer}.class-card[data-v-5e6cb691]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:rgba(22,93,255,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.class-card .card-header[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-right:8px;-ms-flex-negative:0;flex-shrink:0}.class-card .card-header .header-left[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.class-card .card-header .header-left .class-title[data-v-5e6cb691]{font-family:Arimo,sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-card .card-header .header-left .course-name[data-v-5e6cb691]{font-family:Arimo,sans-serif;font-size:13px;color:#4a5565;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-card .card-header .header-left .class-detail-info[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.class-card .card-header .header-left .class-detail-info .detail-item[data-v-5e6cb691]{font-family:Arimo,sans-serif;font-size:13px;color:#1a1a1a;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-card .card-header .header-left .class-detail-info .detail-item .label[data-v-5e6cb691]{color:#86909c;margin-right:6px}.class-card .card-header .header-left .badges[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.class-card .card-header .header-left .badges .badge[data-v-5e6cb691]{height:22px;padding:2px 10px;border-radius:6px;font-family:Arimo,sans-serif;font-size:12px;font-weight:400;line-height:18px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap}.class-card .card-header .header-left .badges .badge.badge-outline[data-v-5e6cb691]{background:#f8f9fa;border:1px solid rgba(0,0,0,.08);color:#4a5565}.class-card .card-header .header-left .badges .badge.badge-status[data-v-5e6cb691]{background:#e6f2ff;border:1px solid transparent;color:#165dff}.class-card .card-header .more-btn[data-v-5e6cb691]{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-ms-flex-negative:0;flex-shrink:0}.class-card .card-header .more-btn i[data-v-5e6cb691]{font-size:18px;color:#6a7282}.class-card .card-header .more-btn[data-v-5e6cb691]:hover{background:#f5f7fa}.class-card .card-header .more-btn:hover i[data-v-5e6cb691]{color:#165dff}.class-card .card-header .delete-btn[data-v-5e6cb691]{border:none;color:#fb2c36}.class-card .card-header .delete-btn[data-v-5e6cb691]:hover{background:rgba(251,44,54,.08)}.class-card .card-header .delete-btn:hover i[data-v-5e6cb691]{color:#d21b22}.class-card .card-content[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:18px;-webkit-box-flex:1;-ms-flex:1;flex:1}.class-card .card-content .students-section[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:8px 0;-ms-flex-negative:0;flex-shrink:0}.class-card .card-content .students-section .avatar-group[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0;height:32px}.class-card .card-content .students-section .avatar-group .avatar[data-v-5e6cb691]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ececf0,#e0e2e8);border:2px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Arimo,sans-serif;font-size:12px;font-weight:500;line-height:1;color:#2d3748;margin-left:-8px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.class-card .card-content .students-section .avatar-group .avatar[data-v-5e6cb691]:first-child{margin-left:0}.class-card .card-content .students-section .avatar-group .avatar[data-v-5e6cb691]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:1}.class-card .card-content .students-section .avatar-group .avatar.avatar-more[data-v-5e6cb691]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4a5565;border-color:#fff;font-weight:400}.class-card .card-content .students-section .student-count[data-v-5e6cb691]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#6a7282;white-space:nowrap}.class-card .card-content .progress-section[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;width:100%;-ms-flex-negative:0;flex-shrink:0}.class-card .card-content .progress-section .progress-header[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.class-card .card-content .progress-section .progress-header .progress-label[data-v-5e6cb691]{font-family:Arimo,sans-serif;font-size:14px;font-weight:500;line-height:1.43;color:#1a1a1a}.class-card .card-content .progress-section .progress-header .progress-value[data-v-5e6cb691]{font-family:Arimo,sans-serif;font-size:14px;font-weight:500;line-height:1.43;color:#165dff}.class-card .card-content .progress-section .progress-bar[data-v-5e6cb691]{width:100%;height:6px;background:#e5e7eb;border-radius:9999px;overflow:hidden;position:relative}.class-card .card-content .progress-section .progress-bar .progress-fill[data-v-5e6cb691]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#165dff),to(#4080ff));background:linear-gradient(90deg,#165dff,#4080ff);border-radius:9999px;-webkit-transition:width .4s cubic-bezier(.4,0,.2,1);transition:width .4s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:0 1px 3px rgba(22,93,255,.3);box-shadow:0 1px 3px rgba(22,93,255,.3)}.class-card .card-content .create-time[data-v-5e6cb691]{font-family:Arimo,sans-serif;font-size:13px;font-weight:400;line-height:1.43;color:#9ca3af;padding-top:4px;-ms-flex-negative:0;flex-shrink:0}.class-card .card-content .action-buttons[data-v-5e6cb691]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding-top:4px;margin-top:auto;-ms-flex-negative:0;flex-shrink:0}.class-card .card-content .action-buttons .btn[data-v-5e6cb691]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:36px;padding:0 16px;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:500;line-height:1;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.class-card .card-content .action-buttons .btn.btn-outline[data-v-5e6cb691]{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4a5565}.class-card .card-content .action-buttons .btn.btn-outline[data-v-5e6cb691]:hover{background:#f8f9fa;border-color:rgba(22,93,255,.3);color:#165dff}.class-card .card-content .action-buttons .btn.btn-outline[data-v-5e6cb691]:active{background:#f0f2f5}.class-card .card-content .action-buttons .btn.btn-primary[data-v-5e6cb691]{background:linear-gradient(135deg,#165dff,#4080ff);border:none;color:#fff;-webkit-box-shadow:0 2px 4px rgba(22,93,255,.2);box-shadow:0 2px 4px rgba(22,93,255,.2)}.class-card .card-content .action-buttons .btn.btn-primary[data-v-5e6cb691]:hover{background:linear-gradient(135deg,#0e4cc8,#2d6bff);-webkit-box-shadow:0 4px 8px rgba(22,93,255,.3);box-shadow:0 4px 8px rgba(22,93,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.class-card .card-content .action-buttons .btn.btn-primary[data-v-5e6cb691]:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 4px rgba(22,93,255,.2);box-shadow:0 2px 4px rgba(22,93,255,.2)}.create-class-card[data-v-f879b942]{background:#fff;border:2px dashed #d1d5dc;border-radius:12px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);position:relative;overflow:hidden}.create-class-card[data-v-f879b942]:hover{border-color:#165dff;background:#f5f7fa;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.create-class-card .card-content[data-v-f879b942]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;width:100%}.create-class-card .card-content .icon-wrapper[data-v-f879b942],.create-class-card .card-content[data-v-f879b942]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-class-card .card-content .icon-wrapper[data-v-f879b942]{width:48px;height:48px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-class-card .card-content .text[data-v-f879b942]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#4a5565;text-align:center;white-space:nowrap}.create-class-card .card-content .create-btn[data-v-f879b942]{width:82px;height:32px;padding:0 12px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#0a0a0a;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.create-class-card .card-content .create-btn[data-v-f879b942]:hover{background:#f5f7fa}.class-list-toolbar[data-v-594cf06e]{gap:12px;margin-bottom:24px;width:380px;height:36px}.class-list-toolbar .semester-filter-btn[data-v-594cf06e],.class-list-toolbar[data-v-594cf06e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.class-list-toolbar .semester-filter-btn[data-v-594cf06e]{width:108px;height:32px;padding:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#0a0a0a;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.class-list-toolbar .semester-filter-btn i[data-v-594cf06e]{font-size:16px;width:16px;height:16px}.class-list-toolbar .semester-filter-btn[data-v-594cf06e]:hover{background:#f5f7fa}.class-list-toolbar .search-wrapper[data-v-594cf06e]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:36px}.class-list-toolbar .search-wrapper .search-input[data-v-594cf06e]{width:100%;height:100%;padding:4px 12px 4px 40px;background:#f3f3f5;border:1px solid transparent;border-radius:8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.14;color:#0a0a0a}.class-list-toolbar .search-wrapper .search-input[data-v-594cf06e]::-webkit-input-placeholder{color:#717182}.class-list-toolbar .search-wrapper .search-input[data-v-594cf06e]::-moz-placeholder{color:#717182}.class-list-toolbar .search-wrapper .search-input[data-v-594cf06e]:-ms-input-placeholder{color:#717182}.class-list-toolbar .search-wrapper .search-input[data-v-594cf06e]::-ms-input-placeholder{color:#717182}.class-list-toolbar .search-wrapper .search-input[data-v-594cf06e]::placeholder{color:#717182}.class-list-toolbar .search-wrapper .search-input[data-v-594cf06e]:focus{outline:none;background:#fff;border-color:rgba(0,0,0,.1)}.class-list-toolbar .search-wrapper .search-icon[data-v-594cf06e]{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;color:#99a1af;pointer-events:none}.action-bar[data-v-e55c3168]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px}.action-bar .action-left .filter-btn[data-v-e55c3168],.action-bar .action-left[data-v-e55c3168]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action-bar .action-left .filter-btn[data-v-e55c3168]{height:32px;padding:0 14px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#0a0a0a;font-size:14px}.action-bar .action-left .filter-btn i[data-v-e55c3168]{font-size:16px}.action-bar .action-left .status-select[data-v-e55c3168]{width:120px;height:32px}.action-bar .action-left .status-select[data-v-e55c3168] .el-input__inner{height:32px;border-radius:8px}.action-bar .action-left .search-input-wrapper[data-v-e55c3168]{position:relative;width:256px}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168]{height:36px}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168] .el-input__inner{height:36px;padding-left:40px;background:#f3f3f5;border:1px solid transparent;border-radius:8px;color:#717182}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168] .el-input__inner::-webkit-input-placeholder{color:#717182}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168] .el-input__inner::-moz-placeholder{color:#717182}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168] .el-input__inner:-ms-input-placeholder{color:#717182}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168] .el-input__inner::-ms-input-placeholder{color:#717182}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168] .el-input__inner::placeholder{color:#717182}.action-bar .action-left .search-input-wrapper .search-input[data-v-e55c3168] .el-input__prefix{left:12px}.action-bar .action-right[data-v-e55c3168]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.action-bar .action-right .batch-btn[data-v-e55c3168],.action-bar .action-right .export-list-btn[data-v-e55c3168]{height:32px;padding:0 14px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#0a0a0a;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.action-bar .action-right .batch-btn i[data-v-e55c3168],.action-bar .action-right .export-list-btn i[data-v-e55c3168]{font-size:16px}@media(max-width:768px){.action-bar[data-v-e55c3168]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.action-bar .action-left[data-v-e55c3168],.action-bar .action-right[data-v-e55c3168]{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}}.table-card[data-v-5119ecf8]{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:0;overflow:hidden}.table-card[data-v-5119ecf8] .el-table .el-table__header-wrapper .el-table__header th{padding:0;height:40px;line-height:40px;vertical-align:middle}.table-card[data-v-5119ecf8] .el-table .el-table__body-wrapper .el-table__body tr{height:53px}.table-card[data-v-5119ecf8] .el-table .el-table__body-wrapper .el-table__body tr td{padding:0;height:53px;vertical-align:middle}.table-card[data-v-5119ecf8] .el-table .el-table__fixed-right .el-table__fixed-header-wrapper th{padding:0;height:40px;line-height:40px;vertical-align:middle}.table-card[data-v-5119ecf8] .el-table .el-table__fixed-right .el-table__fixed-body-wrapper tr{height:53px}.table-card[data-v-5119ecf8] .el-table .el-table__fixed-right .el-table__fixed-body-wrapper tr td{padding:0;height:53px;vertical-align:middle}.table-card .student-info[data-v-5119ecf8]{gap:12px;padding:8.5px 8px;height:53px;-webkit-box-sizing:border-box;box-sizing:border-box}.table-card .student-info .student-avatar[data-v-5119ecf8],.table-card .student-info[data-v-5119ecf8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.table-card .student-info .student-avatar[data-v-5119ecf8]{width:32px;height:32px;border-radius:50%;background:#ececf0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;color:#0a0a0a;-ms-flex-negative:0;flex-shrink:0}.table-card .student-info .student-details[data-v-5119ecf8]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2px}.table-card .student-info .student-details .student-name[data-v-5119ecf8]{font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#0a0a0a}.table-card .student-info .student-details .student-id[data-v-5119ecf8]{font-family:Arimo,sans-serif;font-size:12px;font-weight:400;line-height:1.33;color:#6a7282}.table-card .class-name[data-v-5119ecf8]{padding:0 8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#0a0a0a;height:53px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.table-card .progress-cell[data-v-5119ecf8]{padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:53px;-webkit-box-sizing:border-box;box-sizing:border-box}.table-card .progress-cell .progress-text[data-v-5119ecf8]{font-family:Arimo,sans-serif;font-size:12px;font-weight:400;line-height:1.33;color:#6a7282}.table-card .progress-cell .progress-bar .progress-bar-bg[data-v-5119ecf8]{width:96px;height:8px;background:rgba(3,2,19,.2);border-radius:999px;overflow:hidden}.table-card .progress-cell .progress-bar .progress-bar-bg .progress-bar-fill[data-v-5119ecf8]{height:100%;background:#165dff;border-radius:999px;-webkit-transition:width .3s;transition:width .3s}.table-card .status-tag[data-v-5119ecf8]{border-radius:8px;padding:2px 8px;font-family:Arimo,sans-serif;font-size:12px;font-weight:400;line-height:1.33}.table-card .status-tag.status-正常[data-v-5119ecf8]{background:#eff6ff;color:#155dfc;border:1px solid transparent}.table-card .status-tag.status-预警[data-v-5119ecf8]{background:#fef2f2;color:#e7000b;border:1px solid transparent}.table-card .status-tag.status-优秀[data-v-5119ecf8]{background:#f0fdf4;color:#00a63e;border:1px solid transparent}.table-card .last-activity[data-v-5119ecf8],.table-card .total-hours[data-v-5119ecf8]{padding:0 8px;font-family:Arimo,sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#4a5565;display:-webkit-box;display:-ms-flexbox;display:flex}.table-card .action-dropdown[data-v-5119ecf8],.table-card .last-activity[data-v-5119ecf8],.table-card .total-hours[data-v-5119ecf8]{height:53px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.table-card .action-dropdown[data-v-5119ecf8]{cursor:pointer;padding:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.table-card .action-dropdown i[data-v-5119ecf8]{font-size:18px;color:#0a0a0a;line-height:1}.class-management[data-v-df25a3e0]{padding:24px;background:#f5f7fa;min-height:calc(100vh - 64px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.class-management .content-wrapper[data-v-df25a3e0]{width:100%;max-width:1600px;margin:0 auto}.tab-section .tab-panel .coming-soon[data-v-df25a3e0]{text-align:center;padding:100px 0;color:#6a7282;font-size:16px}.tab-section .tab-panel .class-list-panel .class-cards-grid[data-v-df25a3e0]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.tab-section .tab-panel .class-list-panel .class-cards-grid>[data-v-df25a3e0]{min-width:0}@media(max-width:1400px){.tab-section .tab-panel .class-list-panel .class-cards-grid[data-v-df25a3e0]{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:768px){.tab-section .tab-panel .class-list-panel .class-cards-grid[data-v-df25a3e0]{grid-template-columns:1fr;gap:16px}}@media(max-width:1620px){.class-management .content-wrapper[data-v-df25a3e0]{max-width:100%}}