.class-detail-dialog[data-v-009a5695] .el-dialog__header{background:linear-gradient(135deg,#10b981,#065f46);color:#fff;padding:20px 24px}.class-detail-dialog[data-v-009a5695] .el-dialog__title{color:#fff;font-weight:600}.class-detail-dialog[data-v-009a5695] .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:18px}.class-detail-dialog[data-v-009a5695] .el-dialog__body{padding:24px;max-height:70vh;overflow-y:auto}.class-detail-dialog[data-v-009a5695] .el-dialog__body::-webkit-scrollbar{width:6px}.class-detail-dialog[data-v-009a5695] .el-dialog__body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.class-detail-dialog[data-v-009a5695] .el-dialog__body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.class-detail-dialog[data-v-009a5695] .el-dialog__body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notice-container[data-v-489fd4f2]{height:120px;position:relative;overflow:hidden}.notice-list[data-v-489fd4f2]{transition:transform .5s ease-in-out}.notice-item[data-v-489fd4f2]{height:30px;display:flex;align-items:center}.notice-item[data-v-489fd4f2]:last-child{border-bottom:none}.notice-container:hover .notice-list[data-v-489fd4f2]{transition:none}.app-del:hover .del-icon[data-v-2b367671]{visibility:visible;position:relative;display:flex;align-items:center;justify-content:center;top:-8px!important;right:-3px!important;font-size:12px;height:16px;width:16px;background-color:#f56c6c;color:#fff}.del-icon[data-v-2b367671]{visibility:hidden}.grade-detail-dialog[data-v-50ba9540] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.grade-detail-dialog[data-v-50ba9540] .el-dialog__title{color:#fff;font-weight:600}.grade-detail-dialog[data-v-50ba9540] .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:18px}.grade-detail-dialog[data-v-50ba9540] .el-dialog__body{padding:24px;max-height:70vh;overflow-y:auto}.grade-detail-dialog[data-v-50ba9540] .el-dialog__body::-webkit-scrollbar{width:6px}.grade-detail-dialog[data-v-50ba9540] .el-dialog__body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.grade-detail-dialog[data-v-50ba9540] .el-dialog__body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.grade-detail-dialog[data-v-50ba9540] .el-dialog__body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-icon .del-icon[data-v-32f76244]{color:#f56c6c}.app-icon .add-icon[data-v-32f76244],.app-icon .del-icon[data-v-32f76244]{visibility:visible;position:relative;display:flex;align-items:center;justify-content:center;top:-8px!important;right:-3px!important;font-size:16px;height:16px;width:16px}.app-icon .add-icon[data-v-32f76244]{color:#409eff}.bg-white[data-v-1b271ffe]{animation:slideIn-1b271ffe .3s ease-out}@keyframes slideIn-1b271ffe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.month-picker[data-v-1b271ffe] .el-input__inner{border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.month-picker[data-v-1b271ffe] .el-input__inner:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.progress-custom[data-v-1b271ffe] .el-progress-bar__outer{background-color:#f3f4f6;border-radius:6px}.progress-custom[data-v-1b271ffe] .el-progress-bar__inner{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px}.bg-clip-text[data-v-1b271ffe]{-webkit-background-clip:text;background-clip:text}.hover\:-translate-y-1[data-v-1b271ffe]:hover{transform:translateY(-4px)}.max-h-96[data-v-1b271ffe]::-webkit-scrollbar{width:6px}.max-h-96[data-v-1b271ffe]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.max-h-96[data-v-1b271ffe]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.max-h-96[data-v-1b271ffe]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rounded-full[data-v-1b271ffe]{transition:all .2s ease}.rounded-full[data-v-1b271ffe]:hover{transform:scale(1.05)}.attendance-detail-content .bg-gray-50[data-v-1b271ffe]:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateY(-2px)}@media (max-width:768px){.grid-cols-4[data-v-1b271ffe]{grid-template-columns:repeat(2,minmax(0,1fr))}.h-\[480px\][data-v-1b271ffe]{height:400px}.max-h-96[data-v-1b271ffe]{max-height:320px}[data-v-1b271ffe] .el-dialog{width:95%!important;margin:0 auto!important}.attendance-detail-content .grid-cols-1[data-v-1b271ffe]{grid-template-columns:1fr!important}}.search-input[data-v-7b727596] .el-input__inner{border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.search-input[data-v-7b727596] .el-input__inner:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.bg-white[data-v-7b727596]{animation:slideIn-7b727596 .3s ease-out}@keyframes slideIn-7b727596{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hover\:shadow-md[data-v-7b727596]:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (max-width:768px){.grid-cols-4[data-v-7b727596]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3[data-v-7b727596]{grid-template-columns:repeat(1,minmax(0,1fr))}}.search-input[data-v-382428d4] .el-input__inner{border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.search-input[data-v-382428d4] .el-input__inner:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.bg-white[data-v-382428d4]{animation:slideIn-382428d4 .3s ease-out}@keyframes slideIn-382428d4{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hover\:shadow-md[data-v-382428d4]:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (max-width:768px){.grid-cols-4[data-v-382428d4]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3[data-v-382428d4]{grid-template-columns:repeat(1,minmax(0,1fr))}}.search-input[data-v-1393bea4] .el-input__inner{border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.search-input[data-v-1393bea4] .el-input__inner:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.bg-white[data-v-1393bea4]{animation:slideIn-1393bea4 .3s ease-out}@keyframes slideIn-1393bea4{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hover\:shadow-md[data-v-1393bea4]:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media (max-width:768px){.grid-cols-4[data-v-1393bea4]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3[data-v-1393bea4]{grid-template-columns:repeat(1,minmax(0,1fr))}}.bg-white[data-v-4aacacb4]{animation:slideIn-4aacacb4 .3s ease-out}@keyframes slideIn-4aacacb4{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.month-picker[data-v-4aacacb4] .el-input__inner{border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.month-picker[data-v-4aacacb4] .el-input__inner:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.progress-custom[data-v-4aacacb4] .el-progress-bar__outer{background-color:#f3f4f6;border-radius:6px}.progress-custom[data-v-4aacacb4] .el-progress-bar__inner{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px}.bg-clip-text[data-v-4aacacb4]{-webkit-background-clip:text;background-clip:text}.hover\:-translate-y-1[data-v-4aacacb4]:hover{transform:translateY(-4px)}.max-h-96[data-v-4aacacb4]::-webkit-scrollbar{width:6px}.max-h-96[data-v-4aacacb4]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.max-h-96[data-v-4aacacb4]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.max-h-96[data-v-4aacacb4]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rounded-full[data-v-4aacacb4]{transition:all .2s ease}.rounded-full[data-v-4aacacb4]:hover{transform:scale(1.05)}.attendance-detail-content .bg-gray-50[data-v-4aacacb4]:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateY(-2px)}@media (max-width:768px){.grid-cols-4[data-v-4aacacb4]{grid-template-columns:repeat(2,minmax(0,1fr))}.h-\[480px\][data-v-4aacacb4]{height:400px}.max-h-96[data-v-4aacacb4]{max-height:320px}[data-v-4aacacb4] .el-dialog{width:95%!important;margin:0 auto!important}.attendance-detail-content .grid-cols-1[data-v-4aacacb4]{grid-template-columns:1fr!important}}.bg-white[data-v-9d8113b6]{animation:slideIn-9d8113b6 .3s ease-out}@keyframes slideIn-9d8113b6{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.month-picker[data-v-9d8113b6] .el-input__inner{border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.month-picker[data-v-9d8113b6] .el-input__inner:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.progress-custom[data-v-9d8113b6] .el-progress-bar__outer{background-color:#f3f4f6;border-radius:6px}.progress-custom[data-v-9d8113b6] .el-progress-bar__inner{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px}.bg-clip-text[data-v-9d8113b6]{-webkit-background-clip:text;background-clip:text}.hover\:-translate-y-1[data-v-9d8113b6]:hover{transform:translateY(-4px)}.max-h-96[data-v-9d8113b6]::-webkit-scrollbar{width:6px}.max-h-96[data-v-9d8113b6]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.max-h-96[data-v-9d8113b6]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.max-h-96[data-v-9d8113b6]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rounded-full[data-v-9d8113b6]{transition:all .2s ease}.rounded-full[data-v-9d8113b6]:hover{transform:scale(1.05)}.attendance-detail-content .bg-gray-50[data-v-9d8113b6]:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transform:translateY(-2px)}@media (max-width:768px){.grid-cols-4[data-v-9d8113b6]{grid-template-columns:repeat(2,minmax(0,1fr))}.h-\[480px\][data-v-9d8113b6]{height:400px}.max-h-96[data-v-9d8113b6]{max-height:320px}[data-v-9d8113b6] .el-dialog{width:95%!important;margin:0 auto!important}.attendance-detail-content .grid-cols-1[data-v-9d8113b6]{grid-template-columns:1fr!important}}[data-v-1d16e0b0] .el-select-dropdown__item li{background-color:transparent!important}[data-v-1d16e0b0] .el-pagination .btn-next,[data-v-1d16e0b0] .el-pagination .btn-prev{background:transparent!important;background-color:transparent!important}[data-v-1d16e0b0] .el-pager li,[data-v-1d16e0b0] .el-pagination button:disabled{background-color:transparent!important}[data-v-1d16e0b0] .el-pager li.active{color:#267aff!important}