body{font-family:PingFang SC,Microsoft YaHei,sans-serif}#app{width:100%;height:100vh}.login-page[data-v-c8042f0b]{height:100vh;overflow:hidden;background:linear-gradient(135deg,#d4271f,#f55042,#ffc4c0);background-attachment:fixed;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.decoration[data-v-c8042f0b]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;overflow:hidden}.circle[data-v-c8042f0b]{position:absolute;border-radius:50%;background:#ffffff1a}.circle[data-v-c8042f0b]:nth-child(1){width:300px;height:300px;top:-100px;left:-100px}.circle[data-v-c8042f0b]:nth-child(2){width:200px;height:200px;bottom:-50px;right:-50px}.circle[data-v-c8042f0b]:nth-child(3){width:150px;height:150px;top:30%;right:10%}.login-container[data-v-c8042f0b]{display:flex;flex-direction:column;align-items:center;max-width:100%;width:500px;padding:50px 40px;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 12px 40px #c3272b40;border:1px solid rgba(255,255,255,.2);position:relative;z-index:10}.logo[data-v-c8042f0b]{width:80px;height:80px;margin-bottom:25px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.title1[data-v-c8042f0b]{font-size:30px;font-weight:700;color:#fff;text-align:center;margin-bottom:40px;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:1px}.input-group[data-v-c8042f0b]{width:100%;display:flex;flex-direction:column;gap:25px;margin-bottom:20px}.input-field[data-v-c8042f0b]{width:100%;height:50px;border:1px solid rgba(223,225,229,.8);outline:none;border-radius:10px;padding:0 20px;font-size:16px;background:#fffffff2;transition:all .3s ease;box-shadow:0 4px 10px #0000000d}.input-field[data-v-c8042f0b]:focus{border-color:#d4271f;box-shadow:0 0 0 3px #d4271f33}.input-field[data-v-c8042f0b]::placeholder{color:#a0a0a0}.password-container[data-v-c8042f0b]{position:relative;width:100%}.toggle-password[data-v-c8042f0b]{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#777;font-size:14px;-webkit-user-select:none;user-select:none}.toggle-password[data-v-c8042f0b]:hover{color:#c3272b}.remember-me[data-v-c8042f0b]{display:flex;align-items:center;width:100%;margin-bottom:25px;color:#ffffffe6;font-size:14px}.remember-me input[data-v-c8042f0b]{margin-right:8px}.log_in[data-v-c8042f0b]{width:100%;height:56px;background-color:#fff;color:#c3272b;font-size:20px;font-weight:700;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;box-shadow:#959da533 0 8px 20px;transition:all .3s ease;border:none;margin-bottom:25px}.log_in[data-v-c8042f0b]:hover:not(:disabled){background-color:#f5f5f5;transform:translateY(-2px);box-shadow:#959da54d 0 10px 25px}.log_in[data-v-c8042f0b]:active:not(:disabled){transform:translateY(1px)}.log_in.loading[data-v-c8042f0b]{position:relative;color:transparent}.log_in.loading[data-v-c8042f0b]:after{content:"";position:absolute;width:24px;height:24px;border:3px solid rgba(195,39,43,.2);border-top:3px solid #C3272B;border-radius:50%;animation:spin-c8042f0b 1s linear infinite}@keyframes spin-c8042f0b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer[data-v-c8042f0b]{margin-top:10px;color:#ffffffd9;font-size:14px;text-align:center;line-height:1.6}.error-message[data-v-c8042f0b]{color:#ffeb3b;background:#c3272bb3;padding:10px 15px;border-radius:8px;font-size:14px;margin-top:-20px;margin-bottom:20px;text-align:center;width:100%;opacity:0;transform:translateY(-10px);transition:all .3s ease}.error-message.show[data-v-c8042f0b]{opacity:1;transform:translateY(0)}@keyframes shake-c8042f0b{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake[data-v-c8042f0b]{animation:shake-c8042f0b .5s ease}@media (max-width: 600px){.login-container[data-v-c8042f0b]{width:90%;padding:40px 25px}.title1[data-v-c8042f0b]{font-size:26px;margin-bottom:30px}.input-group[data-v-c8042f0b]{gap:20px;margin-bottom:20px}.input-field[data-v-c8042f0b]{height:46px;font-size:15px}.log_in[data-v-c8042f0b]{height:50px;font-size:18px}}@media (max-width: 400px){.title1[data-v-c8042f0b]{font-size:22px}.input-field[data-v-c8042f0b]{height:44px}}.dashboard-stats[data-v-f8a47d4c]{padding:30px;height:100%;overflow-y:auto}.stats-header[data-v-f8a47d4c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap;gap:20px}.header-left[data-v-f8a47d4c]{flex:1;min-width:300px}.header-left h2[data-v-f8a47d4c]{font-size:2.5rem;color:#333;margin-bottom:10px;font-weight:600}.stats-subtitle[data-v-f8a47d4c]{font-size:1.1rem;color:#666;margin:0}.header-right[data-v-f8a47d4c]{flex-shrink:0}.date-filter[data-v-f8a47d4c]{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0}.date-input-group[data-v-f8a47d4c]{display:flex;align-items:center;gap:8px}.date-input-group label[data-v-f8a47d4c]{font-size:14px;color:#555;font-weight:500;white-space:nowrap}.date-input[data-v-f8a47d4c]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;transition:border-color .3s ease;min-width:140px}.date-input[data-v-f8a47d4c]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.filter-btn[data-v-f8a47d4c],.reset-btn[data-v-f8a47d4c]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn[data-v-f8a47d4c]{background:#2196f3;color:#fff}.filter-btn[data-v-f8a47d4c]:hover:not(:disabled){background:#1976d2;transform:translateY(-1px)}.filter-btn[data-v-f8a47d4c]:disabled{background:#ccc;cursor:not-allowed}.reset-btn[data-v-f8a47d4c]{background:#f5f5f5;color:#666;border:1px solid #ddd}.reset-btn[data-v-f8a47d4c]:hover{background:#e0e0e0;transform:translateY(-1px)}.date-error[data-v-f8a47d4c]{color:#f44336;font-size:12px;margin-top:8px;padding:4px 8px;background:#ffebee;border-radius:4px;border-left:3px solid #f44336}@media (max-width: 768px){.stats-header[data-v-f8a47d4c]{flex-direction:column;align-items:stretch}.header-left[data-v-f8a47d4c]{text-align:center;min-width:auto}.date-filter[data-v-f8a47d4c]{flex-direction:column;align-items:stretch;gap:12px}.date-input-group[data-v-f8a47d4c]{justify-content:space-between}.filter-btn[data-v-f8a47d4c],.reset-btn[data-v-f8a47d4c]{width:100%}}.stats-grid[data-v-f8a47d4c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}.stat-card[data-v-f8a47d4c]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;transition:all .3s ease;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.stat-card[data-v-f8a47d4c]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-card.total-students[data-v-f8a47d4c]:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#2196f3,#64b5f6);opacity:.1;border-radius:50%;transform:translate(30px,-30px)}.stat-card.studying[data-v-f8a47d4c]:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#ff9800,#ffb74d);opacity:.1;border-radius:50%;transform:translate(30px,-30px)}.stat-card.completed[data-v-f8a47d4c]:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#4caf50,#81c784);opacity:.1;border-radius:50%;transform:translate(30px,-30px)}.stat-card.completion-rate[data-v-f8a47d4c]:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#9c27b0,#ba68c8);opacity:.1;border-radius:50%;transform:translate(30px,-30px)}.stat-icon[data-v-f8a47d4c]{flex-shrink:0;width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.total-students .stat-icon[data-v-f8a47d4c]{background:linear-gradient(135deg,#2196f3,#64b5f6)}.studying .stat-icon[data-v-f8a47d4c]{background:linear-gradient(135deg,#ff9800,#ffb74d)}.completed .stat-icon[data-v-f8a47d4c]{background:linear-gradient(135deg,#4caf50,#81c784)}.completion-rate .stat-icon[data-v-f8a47d4c]{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.stat-content[data-v-f8a47d4c]{flex:1;position:relative;z-index:1}.stat-content h3[data-v-f8a47d4c]{font-size:1rem;color:#666;margin:0 0 8px;font-weight:500}.stat-number[data-v-f8a47d4c]{font-size:2.5rem;font-weight:700;color:#333;margin:5px 0 8px;line-height:1}.stat-change[data-v-f8a47d4c]{font-size:.9rem;font-weight:500;color:#666}.stat-change.positive[data-v-f8a47d4c]{color:#4caf50}.stat-change.negative[data-v-f8a47d4c]{color:#f44336}@media (max-width: 1200px){.stats-grid[data-v-f8a47d4c]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-stats[data-v-f8a47d4c]{padding:20px}.stats-header h2[data-v-f8a47d4c]{font-size:2rem}.stats-grid[data-v-f8a47d4c]{grid-template-columns:1fr;gap:20px}.stat-card[data-v-f8a47d4c]{padding:20px;flex-direction:column;text-align:center;gap:15px}.stat-number[data-v-f8a47d4c]{font-size:2rem}}@media (max-width: 480px){.stat-card[data-v-f8a47d4c]{padding:15px}.stat-icon[data-v-f8a47d4c]{width:60px;height:60px}.stat-number[data-v-f8a47d4c]{font-size:1.8rem}}.box1[data-v-f8a47d4c]{margin-top:10px;height:50px;background-color:#ffc4c0}.text1[data-v-f8a47d4c]{color:#c3272b;font-size:18px;font-weight:700;text-align:center;padding:10px}.box2[data-v-f8a47d4c]{width:100px;height:1080px;background-color:#d4271f}.text2[data-v-f8a47d4c],.text3[data-v-f8a47d4c],.text4[data-v-f8a47d4c],.text6[data-v-f8a47d4c],.text7[data-v-f8a47d4c]{color:#fff;width:100px;height:50px;text-align:center;padding-top:15px;line-height:1.5;position:relative;font-size:14px;font-weight:700;margin-bottom:8px}#testSubmenu[data-v-f8a47d4c]{display:none}#testSubmenu.show[data-v-f8a47d4c]{display:block}.text2[data-v-f8a47d4c]:hover,.text3[data-v-f8a47d4c]:hover,.text4[data-v-f8a47d4c]:hover,.text6[data-v-f8a47d4c]:hover,.text7[data-v-f8a47d4c]:hover{background-color:#a81418;transition:all .3s ease;cursor:pointer}.text2.active[data-v-f8a47d4c],.text4.active[data-v-f8a47d4c],.text6.active[data-v-f8a47d4c],.text7.active[data-v-f8a47d4c]{background-color:#a81418}.text5[data-v-f8a47d4c]{position:absolute;bottom:0;width:100px;text-align:center;padding-bottom:20px}#loginUser[data-v-f8a47d4c],#userName[data-v-f8a47d4c]{color:#fff;padding:5px 0;font-size:14px;word-break:break-all;margin:0 5px}#loginUser[data-v-f8a47d4c]{font-weight:700;border-bottom:1px solid rgba(255,255,255,.3);margin-bottom:5px}#logoutBtn[data-v-f8a47d4c]{background:#a81418;color:#fff;border:none;padding:8px;border-radius:4px;width:80%;margin:0 auto;display:block;cursor:pointer}#logoutBtn[data-v-f8a47d4c]:hover{background:#8a0e12}.submenu[data-v-f8a47d4c]{display:none;background-color:#c3272b;width:100px}.submenu.show[data-v-f8a47d4c]{display:block}.submenu-item[data-v-f8a47d4c]{color:#fff;width:100px;height:30px;text-align:center;padding-top:8px;font-size:14px;transition:all .3s ease;cursor:pointer;margin-bottom:4px}.submenu-item[data-v-f8a47d4c]:hover{background-color:#a81418}.container[data-v-f8a47d4c]{display:flex;height:calc(100vh - 60px)}.main-content[data-v-f8a47d4c]{flex:1;padding:20px;background-color:#fff;overflow-y:auto}.submenu-item.active[data-v-f8a47d4c]{background-color:#fff;color:#c3272b;font-weight:700}#contentContainer[data-v-f8a47d4c]{height:100%}.dashboard[data-v-f8a47d4c]{display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden}.container[data-v-f8a47d4c]{display:flex;flex:1;height:calc(100vh - 60px)}.content-header[data-v-ab41e60f]{font-size:24px;margin-bottom:20px;color:#333}.user-list-container[data-v-ab41e60f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;margin-top:20px}#userListTable[data-v-ab41e60f]{width:100%;border-collapse:collapse;font-size:14px}#userListTable th[data-v-ab41e60f]{background-color:#d4271f;color:#fff;padding:12px 15px;text-align:center}#userListTable td[data-v-ab41e60f]{padding:10px 15px;border-bottom:1px solid #eee;text-align:center}#userListTable td[data-v-ab41e60f]:last-child{min-width:120px;white-space:nowrap}#userListTable tr[data-v-ab41e60f]:nth-child(2n){background-color:#f9f9f9}#userListTable tr[data-v-ab41e60f]:hover{background-color:#f5f5f5}.form-section[data-v-ab41e60f]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px}.section-title[data-v-ab41e60f]{font-size:18px;margin-bottom:15px;color:#333}.form-grid[data-v-ab41e60f]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:end}.form-group[data-v-ab41e60f]{display:flex;flex-direction:column;margin-bottom:0}.form-group label[data-v-ab41e60f]{margin-bottom:8px;font-weight:500;color:#555}.form-group input[data-v-ab41e60f],.form-group select[data-v-ab41e60f]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box}.password-input-container[data-v-ab41e60f]{position:relative;display:flex;align-items:center}.password-input-container input[data-v-ab41e60f]{padding-right:40px}.password-toggle-btn[data-v-ab41e60f]{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:16px;color:#666;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:background-color .2s}.password-toggle-btn[data-v-ab41e60f]:hover{background-color:#f0f0f0}.password-toggle-btn[data-v-ab41e60f]:focus{outline:none;background-color:#e0e0e0}.button-group[data-v-ab41e60f]{grid-column:span 3;display:flex;justify-content:flex-end;margin-top:10px}.submit-btn[data-v-ab41e60f]{background-color:#d4271f;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-size:14px;transition:background-color .2s}.submit-btn[data-v-ab41e60f]:hover{background-color:#b3201a}.submit-btn[data-v-ab41e60f]:disabled{background-color:#6c757d;cursor:not-allowed}.operation-link[data-v-ab41e60f]{color:#d4271f;cursor:pointer;font-size:12px;margin-right:15px;text-decoration:none;transition:color .3s;display:inline-block}.operation-link[data-v-ab41e60f]:hover{color:#b3201a;text-decoration:underline}.operation-link[data-v-ab41e60f]:last-child{margin-right:0}.modal-overlay[data-v-ab41e60f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-ab41e60f]{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content h3[data-v-ab41e60f]{margin-top:0;margin-bottom:20px;color:#333;font-size:20px}.form-actions[data-v-ab41e60f]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn[data-v-ab41e60f]{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.cancel-btn[data-v-ab41e60f]:hover{background-color:#5a6268}#userListTable td[data-v-ab41e60f]:last-child{width:80px;text-align:center}@media (max-width: 768px){.form-grid[data-v-ab41e60f]{grid-template-columns:1fr}.button-group[data-v-ab41e60f]{grid-column:span 1}#userListTable[data-v-ab41e60f]{font-size:12px}#userListTable th[data-v-ab41e60f],#userListTable td[data-v-ab41e60f]{padding:8px 10px}#userListTable td[data-v-ab41e60f]:last-child{width:60px}}.student-management[data-v-d0b8de27]{padding:20px;max-width:1400px;margin:0 auto}.page-header[data-v-d0b8de27]{margin-bottom:30px}.page-title[data-v-d0b8de27]{font-size:28px;font-weight:600;color:#333;margin:0 0 8px}.page-subtitle[data-v-d0b8de27]{font-size:16px;color:#666;margin:0}.filter-section[data-v-d0b8de27]{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.filter-row[data-v-d0b8de27]{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-group[data-v-d0b8de27]{display:flex;gap:10px;align-items:center}.search-input[data-v-d0b8de27]{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:300px}.filter-group[data-v-d0b8de27]{display:flex;gap:10px;align-items:center}.filter-select[data-v-d0b8de27]{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px}.student-list-section[data-v-d0b8de27]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.section-header[data-v-d0b8de27]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title[data-v-d0b8de27]{font-size:20px;font-weight:600;color:#333;margin:0}.header-actions[data-v-d0b8de27]{display:flex;gap:15px;align-items:center}.total-count[data-v-d0b8de27]{font-size:14px;color:#666}.btn[data-v-d0b8de27]{padding:10px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn[data-v-d0b8de27]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-d0b8de27]:hover:not(:disabled){background:#a01e26}.btn-secondary[data-v-d0b8de27]{background:#6c757d;color:#fff}.btn-secondary[data-v-d0b8de27]:hover:not(:disabled){background:#5a6268}.btn-outline[data-v-d0b8de27]{background:transparent;color:#c3272b;border:1px solid #C3272B}.btn-outline[data-v-d0b8de27]:hover{background:#c3272b;color:#fff}.btn-danger[data-v-d0b8de27]{background:#dc3545;color:#fff}.btn-danger[data-v-d0b8de27]:hover{background:#c82333}.btn-sm[data-v-d0b8de27]{padding:6px 12px;font-size:12px}.table-container[data-v-d0b8de27]{overflow-x:auto}.student-table[data-v-d0b8de27]{width:100%;border-collapse:collapse;margin-top:16px}.student-table th[data-v-d0b8de27],.student-table td[data-v-d0b8de27]{padding:12px;text-align:left;border-bottom:1px solid #eee}.student-table th[data-v-d0b8de27]{background:#f8f9fa;font-weight:600;color:#333;font-size:14px;white-space:nowrap}.student-table td[data-v-d0b8de27]{font-size:14px;color:#555}.student-row[data-v-d0b8de27]:hover{background:#f8f9fa}.loading-cell[data-v-d0b8de27],.empty-cell[data-v-d0b8de27]{text-align:center;padding:40px;color:#666}.loading-spinner[data-v-d0b8de27]{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #C3272B;border-radius:50%;animation:spin-d0b8de27 1s linear infinite;margin-right:8px}@keyframes spin-d0b8de27{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge[data-v-d0b8de27]{padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500;display:inline-block;white-space:nowrap}.status-learning[data-v-d0b8de27]{background-color:#52c41a;color:#fff}.status-waiting[data-v-d0b8de27]{background-color:#faad14;color:#fff}.status-completed[data-v-d0b8de27]{background-color:#1890ff;color:#fff}.status-refunded[data-v-d0b8de27]{background-color:#ff4d4f;color:#fff}.status-paused[data-v-d0b8de27]{background-color:#8c8c8c;color:#fff}.status-lost[data-v-d0b8de27]{background-color:#434343;color:#fff}.status-edit[data-v-d0b8de27]{display:flex;align-items:center;gap:8px}.status-select-container[data-v-d0b8de27]{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-select[data-v-d0b8de27]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.btn[data-v-d0b8de27]{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.btn-sm[data-v-d0b8de27]{padding:2px 6px;font-size:11px}.btn-primary[data-v-d0b8de27]{background:#c3272b;color:#fff}.btn-primary[data-v-d0b8de27]:hover{background:#a01e21}.btn-outline[data-v-d0b8de27]{background:transparent;color:#666;border:1px solid #ddd}.btn-outline[data-v-d0b8de27]:hover{background:#f8f9fa;border-color:#999}.action-buttons[data-v-d0b8de27]{display:flex;gap:6px;white-space:nowrap}.pagination[data-v-d0b8de27]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.page-info[data-v-d0b8de27]{font-size:14px;color:#666;margin:0 10px}.modal-overlay[data-v-d0b8de27]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-d0b8de27]{background:#fff;border-radius:4px;width:90%;max-width:600px;padding:20px}.detail-item[data-v-d0b8de27]{margin-bottom:10px}.detail-item label[data-v-d0b8de27]{font-weight:600;color:#333;font-size:14px}.detail-item span[data-v-d0b8de27]{color:#666;font-size:14px}.form-container[data-v-89bfa491]{max-width:800px;margin:20px auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a}.main-title[data-v-89bfa491]{font-size:24px;font-weight:700;color:#c3272b;margin-bottom:25px;text-align:center;position:relative;padding-bottom:0;border-bottom:none}.form-section[data-v-89bfa491]{margin-bottom:40px;padding-bottom:0;border-bottom:none}.section-title[data-v-89bfa491]{font-size:18px;font-weight:700;margin-bottom:15px;color:#333;display:flex;align-items:center}.section-title .red-bar[data-v-89bfa491]{display:inline-block;width:4px;height:18px;background-color:#c3272b;margin-right:10px;vertical-align:text-bottom;border-radius:2px;font-weight:700}.cascade-container[data-v-89bfa491]{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.cascade-group[data-v-89bfa491]{display:flex;flex-direction:column}.cascade-group label[data-v-89bfa491]{margin-bottom:6px;font-weight:600;color:#333;font-size:14px}.cascade-group select[data-v-89bfa491]{min-width:180px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;transition:all .3s}.cascade-group select[data-v-89bfa491]:disabled{background-color:#f8f8f8;color:#999;cursor:not-allowed}.cascade-group select[data-v-89bfa491]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-row[data-v-89bfa491]{display:flex;flex-wrap:wrap;gap:25px}.form-group[data-v-89bfa491]{flex:1 1 220px;min-width:220px;margin-bottom:20px}.name-group[data-v-89bfa491],.id-number-group[data-v-89bfa491]{flex-grow:1.5}.gender-group[data-v-89bfa491],.phone-group[data-v-89bfa491]{flex-grow:1}.form-label[data-v-89bfa491]{font-weight:600;margin-bottom:8px;font-size:14px;color:#444;display:flex;align-items:center}.form-input[data-v-89bfa491],.form-select[data-v-89bfa491]{padding:12px 15px;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-size:14px;transition:all .3s;width:100%;box-sizing:border-box}.form-input[data-v-89bfa491]:focus,.form-select[data-v-89bfa491]:focus{background-color:#fff;outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-input[data-v-89bfa491]:disabled,.form-select[data-v-89bfa491]:disabled,.form-input[readonly][data-v-89bfa491]{background-color:#f8f8f8;color:#888;cursor:not-allowed}.form-input.error[data-v-89bfa491],.form-select.error[data-v-89bfa491]{border-color:#e74c3c}.error-message[data-v-89bfa491]{color:#e74c3c;font-size:12px;margin-top:6px;display:none}.radio-group[data-v-89bfa491]{padding:10px 0;display:flex;gap:20px}.radio-label[data-v-89bfa491]{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px;color:#444}.radio-label input[type=radio][data-v-89bfa491]{margin:0}.form-submit[data-v-89bfa491]{display:flex;justify-content:center;margin-top:20px}.submit-button[data-v-89bfa491]{background-color:#c3272b;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.submit-button[data-v-89bfa491]:hover{background-color:#a61f23}.submit-button[data-v-89bfa491]:disabled{background-color:#ccc;cursor:not-allowed}.info-box[data-v-89bfa491]{padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #eaeaea;text-align:center;margin-top:15px;color:#666;font-size:14px}.referral-group[data-v-89bfa491]{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.referral-group .form-group[data-v-89bfa491]{flex:1;min-width:200px}.teacher-group[data-v-89bfa491]{display:flex;flex-wrap:wrap;gap:15px}.teacher-group .form-group[data-v-89bfa491]{flex:1;min-width:200px}@media (max-width: 768px){.form-group[data-v-89bfa491]{min-width:100%;flex-basis:100%}.cascade-container[data-v-89bfa491]{flex-direction:column;gap:10px}}@media (max-width: 576px){.cascade-container[data-v-89bfa491]{flex-direction:column;gap:10px;align-items:stretch}}.information-management[data-v-0f6c27d0]{background-color:#f5f7fa;color:#333;padding:20px;font-size:14px}.content-container[data-v-0f6c27d0]{max-width:1400px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;padding:25px}.content-header[data-v-0f6c27d0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eaeaea}.content-header h1[data-v-0f6c27d0]{color:#c3272b;font-size:24px;font-weight:700}.search-container[data-v-0f6c27d0]{display:flex;gap:15px}.search-input[data-v-0f6c27d0]{display:flex}.search-input input[data-v-0f6c27d0]{padding:10px 15px;border:1px solid #ddd;border-radius:4px 0 0 4px;width:300px;font-size:14px}.search-input button[data-v-0f6c27d0]{background:#c3272b;color:#fff;border:none;padding:10px 20px;border-radius:0 4px 4px 0;cursor:pointer;font-weight:600}.filter-select select[data-v-0f6c27d0]{padding:10px;border:1px solid #ddd;border-radius:4px;background:#fff;width:150px}.sort-control[data-v-0f6c27d0]{display:flex;align-items:center}.sort-btn[data-v-0f6c27d0]{display:flex;align-items:center;gap:5px;padding:10px 15px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;color:#666;transition:all .2s ease}.sort-btn[data-v-0f6c27d0]:hover{background:#f5f5f5;border-color:#c3272b}.sort-btn.desc[data-v-0f6c27d0]{background:#c3272b;color:#fff;border-color:#c3272b}.sort-text[data-v-0f6c27d0]{font-weight:500}.sort-icon[data-v-0f6c27d0]{font-size:16px;font-weight:700}.table-container[data-v-0f6c27d0]{overflow-x:auto}.student-table[data-v-0f6c27d0]{width:100%;border-collapse:collapse;margin-bottom:20px}.student-table th[data-v-0f6c27d0]{background:#f0f2f5;padding:12px 8px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;font-size:13px}.student-table td[data-v-0f6c27d0]{padding:10px 8px;border-bottom:1px solid #eee;color:#555;font-size:13px}.student-table tr[data-v-0f6c27d0]:hover{background-color:#f9f9f9}.action-buttons[data-v-0f6c27d0]{display:flex;gap:5px}.btn[data-v-0f6c27d0]{padding:4px 8px;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;text-decoration:none;display:inline-block}.btn-outline[data-v-0f6c27d0]{background:#fff;color:#666}.btn-outline[data-v-0f6c27d0]:hover{background:#f0f0f0}.btn-danger[data-v-0f6c27d0]{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger[data-v-0f6c27d0]:hover{background:#c82333}.status-badge[data-v-0f6c27d0]{padding:2px 8px;border-radius:12px;font-size:12px;background:#e3f2fd;color:#1976d2}.pagination-section[data-v-0f6c27d0]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:10px}.pagination-info[data-v-0f6c27d0]{color:#666;font-size:14px}.pagination-controls[data-v-0f6c27d0]{display:flex;gap:10px}.page-btn[data-v-0f6c27d0]{background:#f0f0f0;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer}.page-btn[data-v-0f6c27d0]:hover{background:#c3272b;color:#fff}.page-btn[data-v-0f6c27d0]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.page-numbers[data-v-0f6c27d0]{display:flex;gap:5px}.page-number[data-v-0f6c27d0]{background:#f0f0f0;border:1px solid #ddd;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}.page-number[data-v-0f6c27d0]:hover,.page-number.active[data-v-0f6c27d0]{background:#c3272b;color:#fff;border-color:#c3272b}.modal[data-v-0f6c27d0]{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-0f6c27d0]{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.close[data-v-0f6c27d0]{float:right;font-size:24px;font-weight:700;cursor:pointer;color:#999}.close[data-v-0f6c27d0]:hover{color:#333}.student-detail h2[data-v-0f6c27d0]{color:#c3272b;margin-bottom:20px}.detail-section[data-v-0f6c27d0]{margin-bottom:20px}.detail-section h3[data-v-0f6c27d0]{color:#c3272b;margin-bottom:10px;font-size:16px;border-bottom:1px solid #eee;padding-bottom:5px}.detail-item[data-v-0f6c27d0]{display:flex;margin-bottom:8px;align-items:center}.detail-item label[data-v-0f6c27d0]{font-weight:600;color:#666;width:100px;flex-shrink:0}.detail-value[data-v-0f6c27d0]{color:#333;flex:1}.detail-actions[data-v-0f6c27d0]{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.edit-btn[data-v-0f6c27d0],.save-btn[data-v-0f6c27d0]{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin:0 5px}.delete-btn[data-v-0f6c27d0]{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin:0 5px}.cancel-btn[data-v-0f6c27d0]{background:#9e9e9e;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin:0 5px}.loading-cell[data-v-0f6c27d0],.empty-cell[data-v-0f6c27d0]{text-align:center;padding:40px 20px;color:#999}.loading-spinner[data-v-0f6c27d0]{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #C3272B;border-radius:50%;animation:spin-0f6c27d0 1s linear infinite;margin-right:10px}@keyframes spin-0f6c27d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge[data-v-0f6c27d0]{padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500;display:inline-block;white-space:nowrap}.status-learning[data-v-0f6c27d0]{background-color:#52c41a;color:#fff}.status-waiting[data-v-0f6c27d0]{background-color:#faad14;color:#fff}.status-completed[data-v-0f6c27d0]{background-color:#1890ff;color:#fff}.status-refunded[data-v-0f6c27d0]{background-color:#ff4d4f;color:#fff}.status-paused[data-v-0f6c27d0]{background-color:#8c8c8c;color:#fff}.status-lost[data-v-0f6c27d0]{background-color:#434343;color:#fff}.study-management[data-v-93ce6502]{padding:20px;background-color:#f5f5f5;min-height:100vh}.content-container[data-v-93ce6502]{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.content-header[data-v-93ce6502]{margin-bottom:30px;border-bottom:2px solid #C3272B;padding-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.content-header h1[data-v-93ce6502]{color:#c3272b;font-size:24px;font-weight:600;margin:0}.header-actions[data-v-93ce6502]{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.search-box[data-v-93ce6502]{position:relative}.search-input[data-v-93ce6502]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:250px;transition:border-color .3s}.search-input[data-v-93ce6502]:focus{outline:none;border-color:#c3272b;box-shadow:0 0 0 2px #c3272b1a}.search-type-box[data-v-93ce6502]{position:relative}.search-type-select[data-v-93ce6502]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s;min-width:120px}.search-type-select[data-v-93ce6502]:focus{outline:none;border-color:#c3272b}.students-grid[data-v-93ce6502]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.student-card[data-v-93ce6502]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;cursor:pointer}.student-card[data-v-93ce6502]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:#c3272b}.card-header[data-v-93ce6502]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.name-id-group[data-v-93ce6502]{display:flex;align-items:center;gap:10px}.student-name[data-v-93ce6502]{font-size:18px;font-weight:600;color:#333;margin:0}.student-id[data-v-93ce6502]{font-size:12px;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:monospace}.status-badge[data-v-93ce6502]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.status-active[data-v-93ce6502]{background:#28a745}.status-waiting[data-v-93ce6502]{background:#ffc107;color:#212529}.status-paused[data-v-93ce6502]{background:#6c757d}.status-completed[data-v-93ce6502]{background:#17a2b8}.card-content[data-v-93ce6502]{margin-bottom:15px}.info-row[data-v-93ce6502]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 0}.info-row-double[data-v-93ce6502]{display:flex;justify-content:space-between;margin-bottom:8px;gap:32px}.info-item[data-v-93ce6502]{flex:1;display:flex;justify-content:space-between;align-items:center;padding:4px 0}.info-row[data-v-93ce6502]:last-child{margin-bottom:0}.label[data-v-93ce6502]{color:#666;font-weight:500;flex-shrink:0}.value[data-v-93ce6502]{color:#333;font-weight:600;text-align:right;flex-shrink:0}.value.score[data-v-93ce6502]{color:#2196f3;font-weight:700}.value.level[data-v-93ce6502]{color:#4caf50;background:#e8f5e8;padding:2px 6px;border-radius:4px;font-size:12px}.value.target-level[data-v-93ce6502]{color:#ff9800;background:#fff3e0;padding:2px 6px;border-radius:4px;font-size:12px}.value.exam-date[data-v-93ce6502]{color:#e91e63;font-weight:700}.card-footer[data-v-93ce6502]{padding-top:10px;border-top:1px solid #f0f0f0}.teacher-info[data-v-93ce6502]{display:flex;justify-content:space-between;align-items:center;font-size:13px}.teacher-label[data-v-93ce6502]{color:#666}.teacher-name[data-v-93ce6502]{color:#c3272b;font-weight:600}.loading-state[data-v-93ce6502]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner[data-v-93ce6502]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #C3272B;border-radius:50%;animation:spin-93ce6502 1s linear infinite;margin-bottom:20px}@keyframes spin-93ce6502{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-93ce6502]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666;text-align:center}.empty-icon[data-v-93ce6502]{margin-bottom:20px;opacity:.5}.empty-state h3[data-v-93ce6502]{margin:0 0 10px;font-size:18px;color:#999}.empty-state p[data-v-93ce6502]{margin:0;font-size:14px;color:#bbb}@media (max-width: 768px){.content-header[data-v-93ce6502]{flex-direction:column;align-items:stretch}.header-actions[data-v-93ce6502]{flex-direction:column;gap:10px}.search-input[data-v-93ce6502]{width:100%}.students-grid[data-v-93ce6502]{grid-template-columns:1fr;gap:16px}.student-card[data-v-93ce6502]{padding:15px;margin-bottom:16px}.card-header[data-v-93ce6502]{flex-direction:column;align-items:flex-start;gap:8px}.name-id-group[data-v-93ce6502]{width:100%;justify-content:space-between}.status-badge[data-v-93ce6502]{align-self:flex-end}.info-row-double[data-v-93ce6502]{flex-direction:column;gap:8px}.info-item[data-v-93ce6502]{margin-bottom:4px}}@media (max-width: 480px){.study-management[data-v-93ce6502]{padding:10px}.content-container[data-v-93ce6502]{padding:20px}.info-row[data-v-93ce6502]{flex-direction:column;align-items:flex-start;gap:4px}.value[data-v-93ce6502]{text-align:left}}.no-permission[data-v-8182ab49]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.permission-container[data-v-8182ab49]{background:#fff;border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 20px 60px #0000001a;max-width:500px;width:100%}.permission-icon[data-v-8182ab49]{margin-bottom:30px}.permission-icon svg[data-v-8182ab49]{filter:drop-shadow(0 4px 8px rgba(255,107,107,.3))}.permission-title[data-v-8182ab49]{font-size:2.5rem;color:#333;margin-bottom:20px;font-weight:600}.permission-message[data-v-8182ab49]{font-size:1.2rem;color:#666;margin-bottom:30px;line-height:1.6}.permission-details[data-v-8182ab49]{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:30px;border-left:4px solid #ff6b6b}.permission-details p[data-v-8182ab49]{margin:10px 0;color:#555;font-size:1rem}.role-badge[data-v-8182ab49]{background:#ff6b6b;color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.permission-actions[data-v-8182ab49]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.back-btn[data-v-8182ab49],.home-btn[data-v-8182ab49]{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.back-btn[data-v-8182ab49]{background:#6c757d;color:#fff}.back-btn[data-v-8182ab49]:hover{background:#5a6268;transform:translateY(-2px)}.home-btn[data-v-8182ab49]{background:#d4271f;color:#fff}.home-btn[data-v-8182ab49]:hover{background:#b3201a;transform:translateY(-2px)}@media (max-width: 768px){.permission-container[data-v-8182ab49]{padding:40px 20px}.permission-title[data-v-8182ab49]{font-size:2rem}.permission-actions[data-v-8182ab49]{flex-direction:column;align-items:center}.back-btn[data-v-8182ab49],.home-btn[data-v-8182ab49]{width:100%;max-width:200px}}.teacher-information[data-v-2bf6c8c2]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.content-container[data-v-2bf6c8c2]{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.content-header[data-v-2bf6c8c2]{background:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea}.content-header h1[data-v-2bf6c8c2]{margin:0;font-size:24px;font-weight:700;color:#c3272b}.header-actions[data-v-2bf6c8c2]{display:flex;gap:15px}.export-section[data-v-2bf6c8c2]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.year-select[data-v-2bf6c8c2],.month-select[data-v-2bf6c8c2],.class-type-select[data-v-2bf6c8c2]{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;color:#333}.year-select[data-v-2bf6c8c2]:focus,.month-select[data-v-2bf6c8c2]:focus,.class-type-select[data-v-2bf6c8c2]:focus{outline:none;border-color:#c3272b;box-shadow:0 0 0 2px #c3272b1a}.year-select[data-v-2bf6c8c2],.month-select[data-v-2bf6c8c2]{min-width:100px}.class-type-select[data-v-2bf6c8c2]{min-width:130px}.btn[data-v-2bf6c8c2]{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary[data-v-2bf6c8c2]{background-color:#fff;color:#c3272b;border:1px solid #C3272B;box-shadow:0 2px 4px #0000001a}.btn-primary[data-v-2bf6c8c2]:hover{background-color:#c3272b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-outline[data-v-2bf6c8c2]{background:transparent;color:#c3272b;border:1px solid #C3272B;padding:8px 16px;font-size:12px}.btn-outline[data-v-2bf6c8c2]:hover{background:#c3272b;color:#fff}.search-filter-section[data-v-2bf6c8c2]{padding:30px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.search-container[data-v-2bf6c8c2]{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.search-input[data-v-2bf6c8c2]{display:flex;gap:10px;flex:1;min-width:300px}.search-input input[data-v-2bf6c8c2]{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px}.search-input input[data-v-2bf6c8c2]:focus{outline:none;border-color:#c3272b;box-shadow:0 0 0 2px #c3272b1a}.search-btn[data-v-2bf6c8c2]{padding:12px 20px;background:#c3272b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.search-btn[data-v-2bf6c8c2]:hover{background:#8b1538}.filter-select select[data-v-2bf6c8c2]{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.filter-select select[data-v-2bf6c8c2]:focus{outline:none;border-color:#c3272b}.teacher-list-section[data-v-2bf6c8c2]{padding:30px}.section-header[data-v-2bf6c8c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title[data-v-2bf6c8c2]{font-size:1.5rem;color:#333;margin:0;font-weight:600}.total-count[data-v-2bf6c8c2]{color:#666;font-size:14px}.table-container[data-v-2bf6c8c2]{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.teacher-table[data-v-2bf6c8c2]{width:100%;border-collapse:collapse;background:#fff}.teacher-table th[data-v-2bf6c8c2]{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;font-size:14px}.teacher-table td[data-v-2bf6c8c2]{padding:15px 12px;border-bottom:1px solid #f1f3f4;font-size:14px;color:#555}.teacher-table tbody tr[data-v-2bf6c8c2]:hover{background:#f8f9fa}.loading-cell[data-v-2bf6c8c2],.empty-cell[data-v-2bf6c8c2]{text-align:center;padding:40px;color:#999}.loading-spinner[data-v-2bf6c8c2]{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #C3272B;border-radius:50%;animation:spin-2bf6c8c2 1s linear infinite;margin-right:10px}@keyframes spin-2bf6c8c2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-buttons[data-v-2bf6c8c2]{display:flex;gap:8px}.pagination-section[data-v-2bf6c8c2]{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.pagination-info[data-v-2bf6c8c2]{color:#666;font-size:14px}.pagination-controls[data-v-2bf6c8c2]{display:flex;align-items:center;gap:10px}.page-btn[data-v-2bf6c8c2]{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px}.page-btn[data-v-2bf6c8c2]:hover:not(:disabled){background:#f8f9fa;border-color:#c3272b}.page-btn[data-v-2bf6c8c2]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-2bf6c8c2]{display:flex;gap:5px}.page-number[data-v-2bf6c8c2]{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;min-width:40px;text-align:center}.page-number[data-v-2bf6c8c2]:hover{background:#f8f9fa;border-color:#c3272b}.page-number.active[data-v-2bf6c8c2]{background:#c3272b;color:#fff;border-color:#c3272b}@media (max-width: 768px){.content-header[data-v-2bf6c8c2]{flex-direction:column;gap:20px;text-align:center}.content-header h1[data-v-2bf6c8c2]{font-size:2rem}.search-container[data-v-2bf6c8c2]{flex-direction:column;align-items:stretch}.search-input[data-v-2bf6c8c2]{min-width:auto}.teacher-table[data-v-2bf6c8c2]{font-size:12px}.teacher-table th[data-v-2bf6c8c2],.teacher-table td[data-v-2bf6c8c2]{padding:10px 8px}.pagination-section[data-v-2bf6c8c2]{flex-direction:column;gap:15px;text-align:center}.detail-grid[data-v-2bf6c8c2]{grid-template-columns:1fr}.modal-content[data-v-2bf6c8c2]{width:95%;margin:20px}}.add-teacher[data-v-938752c4]{min-height:100vh;background:#f8f9fa;padding:20px}.content-container[data-v-938752c4]{max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.content-header[data-v-938752c4]{background:#fff;color:#333;padding:30px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e9ecef}.content-header h1[data-v-938752c4]{margin:0;font-size:24px;font-weight:700;color:#c3272b}.header-actions[data-v-938752c4]{display:flex;gap:15px}.btn[data-v-938752c4]{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary[data-v-938752c4]{background:#c3272b;color:#fff}.btn-primary[data-v-938752c4]:hover:not(:disabled){background:#8b1538;transform:translateY(-2px)}.btn-primary[data-v-938752c4]:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-outline[data-v-938752c4]{background:#fff;color:#c3272b;border:1px solid #C3272B;box-shadow:0 2px 4px #0000001a}.btn-outline[data-v-938752c4]:hover{background:#c3272b;color:#fff}.form-section[data-v-938752c4]{padding:40px}.form-container[data-v-938752c4]{max-width:800px;margin:0 auto}.form-grid[data-v-938752c4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.form-group[data-v-938752c4]{display:flex;flex-direction:column;gap:8px}.form-group.full-width[data-v-938752c4]{grid-column:1 / -1}.form-group label[data-v-938752c4]{font-weight:600;color:#333;font-size:14px}.form-group label.required[data-v-938752c4]:after{content:" *";color:#c3272b}.form-group input[data-v-938752c4],.form-group select[data-v-938752c4]{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input[data-v-938752c4]:focus,.form-group select[data-v-938752c4]:focus{outline:none;border-color:#c3272b;box-shadow:0 0 0 2px #c3272b1a}.address-container[data-v-938752c4]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.street-input[data-v-938752c4]{grid-column:1 / 3}.house-input[data-v-938752c4]{grid-column:3}.error-message[data-v-938752c4]{color:#c3272b;font-size:12px;margin-top:4px}.checkbox-item[data-v-938752c4]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-item input[type=checkbox][data-v-938752c4]{width:16px;height:16px;accent-color:#C3272B;cursor:pointer}.checkbox-item span[data-v-938752c4]{color:#333;-webkit-user-select:none;user-select:none}.form-actions[data-v-938752c4]{display:flex;justify-content:center;gap:20px;padding-top:30px;border-top:1px solid #e9ecef}.loading-spinner[data-v-938752c4]{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-938752c4 1s linear infinite;margin-right:8px}@keyframes spin-938752c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.content-header[data-v-938752c4]{flex-direction:column;gap:20px;text-align:center}.content-header h1[data-v-938752c4]{font-size:2rem}.form-section[data-v-938752c4]{padding:20px}.form-grid[data-v-938752c4]{grid-template-columns:1fr;gap:20px}.address-container[data-v-938752c4]{grid-template-columns:1fr}.street-input[data-v-938752c4],.house-input[data-v-938752c4]{grid-column:1}.form-actions[data-v-938752c4]{flex-direction:column;align-items:center}.btn[data-v-938752c4]{width:100%;max-width:200px}}.checkbox-group[data-v-938752c4]{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.checkbox-item[data-v-938752c4]{display:flex;align-items:center;cursor:pointer;font-size:14px}.checkbox-item input[type=checkbox][data-v-938752c4]{margin-right:6px;transform:scale(1.1)}.checkbox-item span[data-v-938752c4]{-webkit-user-select:none;user-select:none}.readonly-input[data-v-938752c4]{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed}.readonly-input[data-v-938752c4]:focus{box-shadow:none!important;border-color:#ced4da!important}.teacher-detail-page[data-v-a91fe707]{padding:20px;max-width:1200px;margin:0 auto}.page-header[data-v-a91fe707]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.back-btn[data-v-a91fe707]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;color:#666;transition:all .3s}.back-btn[data-v-a91fe707]:hover{background:#e9e9e9;color:#333}.back-icon[data-v-a91fe707]{font-size:16px;font-weight:700}.page-header h1[data-v-a91fe707]{margin:0;color:#333;font-size:24px}.header-actions[data-v-a91fe707]{display:flex;gap:10px}.edit-btn[data-v-a91fe707],.save-btn[data-v-a91fe707],.cancel-edit-btn[data-v-a91fe707]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.edit-btn[data-v-a91fe707]{background:#007bff;color:#fff}.edit-btn[data-v-a91fe707]:hover{background:#0056b3}.save-btn[data-v-a91fe707]{background:#28a745;color:#fff}.save-btn[data-v-a91fe707]:hover{background:#1e7e34}.cancel-edit-btn[data-v-a91fe707]{background:#6c757d;color:#fff}.cancel-edit-btn[data-v-a91fe707]:hover{background:#545b62}.teacher-detail-content[data-v-a91fe707]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.detail-section[data-v-a91fe707]{padding:30px;border-bottom:1px solid #e0e0e0}.detail-section[data-v-a91fe707]:last-child{border-bottom:none}.detail-section h3[data-v-a91fe707]{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;border-left:4px solid #007bff;padding-left:12px}.detail-grid[data-v-a91fe707]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.detail-item[data-v-a91fe707]{display:flex;align-items:center;padding:12px 0}.detail-item label[data-v-a91fe707]{min-width:120px;font-weight:500;color:#555;margin-right:10px}.detail-value[data-v-a91fe707]{color:#333;flex:1}.edit-input[data-v-a91fe707],.edit-select[data-v-a91fe707]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.edit-input[data-v-a91fe707]:focus,.edit-select[data-v-a91fe707]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.checkbox-item[data-v-a91fe707]{display:flex;align-items:center;gap:5px;cursor:pointer}.checkbox-item input[type=checkbox][data-v-a91fe707]{margin:0}.loading[data-v-a91fe707]{display:flex;align-items:center;justify-content:center;padding:50px;color:#666}.loading-spinner[data-v-a91fe707]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin-a91fe707 1s linear infinite;margin-right:10px}@keyframes spin-a91fe707{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkbox-group[data-v-a91fe707]{display:flex;gap:15px;flex-wrap:wrap}.checkbox-item[data-v-a91fe707]{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px}.checkbox-item input[type=checkbox][data-v-a91fe707]{margin:0;cursor:pointer}.checkbox-item span[data-v-a91fe707]{color:#333;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.page-header[data-v-a91fe707]{flex-direction:column;gap:15px;align-items:flex-start}.header-actions[data-v-a91fe707]{width:100%;justify-content:flex-end}.detail-grid[data-v-a91fe707]{grid-template-columns:1fr}.detail-item[data-v-a91fe707]{flex-direction:column;align-items:flex-start}.detail-item label[data-v-a91fe707]{min-width:auto;margin-bottom:5px}}.image-modal-overlay[data-v-b3523743]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.image-modal-container[data-v-b3523743]{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;overflow:hidden}.image-modal-header[data-v-b3523743]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#f8f9fa}.modal-title[data-v-b3523743]{margin:0;font-size:18px;font-weight:600;color:#333}.close-btn[data-v-b3523743]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;border-radius:4px;transition:all .2s}.close-btn[data-v-b3523743]:hover{background:#e9ecef;color:#333}.image-modal-body[data-v-b3523743]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:300px;position:relative}.image-container[data-v-b3523743]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-image[data-v-b3523743]{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #00000026}.loading-spinner[data-v-b3523743]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666}.spinner[data-v-b3523743]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-b3523743 1s linear infinite;margin:0 auto 10px}@keyframes spin-b3523743{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-b3523743]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#dc3545}.retry-btn[data-v-b3523743]{margin-top:10px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.retry-btn[data-v-b3523743]:hover{background:#0056b3}.image-modal-footer[data-v-b3523743]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #eee;background:#f8f9fa}.download-btn[data-v-b3523743]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;font-size:14px;transition:all .2s}.download-btn[data-v-b3523743]:hover{background:#007bff;color:#fff;border-color:#007bff}.download-icon[data-v-b3523743],.external-icon[data-v-b3523743]{font-size:16px;font-weight:700}@media (max-width: 768px){.image-modal-container[data-v-b3523743]{max-width:95vw;max-height:95vh}.image-modal-header[data-v-b3523743]{padding:12px 16px}.modal-title[data-v-b3523743]{font-size:16px}.image-modal-body[data-v-b3523743]{padding:16px}.modal-image[data-v-b3523743]{max-height:60vh}.image-modal-footer[data-v-b3523743]{padding:12px 16px;flex-direction:column}.download-btn[data-v-b3523743]{width:100%;justify-content:center}}.student-detail-page[data-v-d1413b9a]{padding:20px;background-color:#f5f5f5;min-height:100vh}.page-header[data-v-d1413b9a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.back-btn[data-v-d1413b9a]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s}.back-btn[data-v-d1413b9a]:hover{background:#e0e0e0}.back-icon[data-v-d1413b9a]{font-size:16px;font-weight:700}.page-header h1[data-v-d1413b9a]{margin:0;font-size:24px;color:#333;flex:1;text-align:center}.header-actions[data-v-d1413b9a]{display:flex;gap:10px}.edit-btn[data-v-d1413b9a]{padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.edit-btn[data-v-d1413b9a]:hover{background:#337ecc}.loading[data-v-d1413b9a]{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:14px}.loading-spinner[data-v-d1413b9a]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #409eff;border-radius:50%;animation:spin-d1413b9a 1s linear infinite}@keyframes spin-d1413b9a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-detail-content[data-v-d1413b9a]{display:flex;flex-direction:column;gap:20px}.detail-section[data-v-d1413b9a]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.detail-section h3[data-v-d1413b9a]{margin:0 0 16px;font-size:18px;color:#333;border-bottom:2px solid #409eff;padding-bottom:8px}.detail-grid[data-v-d1413b9a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.detail-item[data-v-d1413b9a]{display:flex;align-items:center}.detail-item label[data-v-d1413b9a]{font-weight:500;color:#666;min-width:100px;margin-right:12px}.detail-value[data-v-d1413b9a]{color:#333;flex:1}.error-container[data-v-d1413b9a]{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-container p[data-v-d1413b9a]{margin-bottom:20px;color:#666;font-size:16px}.btn[data-v-d1413b9a]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-primary[data-v-d1413b9a]{background:#409eff;color:#fff}.btn-primary[data-v-d1413b9a]:hover{background:#337ecc}@media (max-width: 768px){.student-detail-page[data-v-d1413b9a]{padding:10px}.page-header[data-v-d1413b9a]{flex-direction:column;gap:16px;text-align:center}.page-header h1[data-v-d1413b9a]{order:-1}.detail-grid[data-v-d1413b9a]{grid-template-columns:1fr}.detail-item[data-v-d1413b9a]{flex-direction:column;align-items:flex-start;gap:4px}.detail-item label[data-v-d1413b9a]{min-width:auto;margin-right:0}}.edit-input[data-v-d1413b9a]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box}.edit-input[data-v-d1413b9a]{transition:border-color .2s}.edit-input[data-v-d1413b9a]:focus{outline:none;border-color:#409eff}.edit-input[type=number][data-v-d1413b9a]{-moz-appearance:textfield}.edit-input[type=number][data-v-d1413b9a]::-webkit-outer-spin-button,.edit-input[type=number][data-v-d1413b9a]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea.edit-input[data-v-d1413b9a]{resize:vertical;min-height:80px}.edit-actions[data-v-d1413b9a]{display:flex;gap:8px}.exam-history[data-v-d1413b9a]{margin-top:16px}.exam-history-content[data-v-d1413b9a]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:16px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;color:#495057;white-space:pre-wrap;word-wrap:break-word}.exam-history-content pre[data-v-d1413b9a]{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.table-container[data-v-d1413b9a]{overflow-x:auto;margin-top:15px}.records-table[data-v-d1413b9a]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.records-table th[data-v-d1413b9a],.records-table td[data-v-d1413b9a]{padding:12px;text-align:left;border-bottom:1px solid #eee}.records-table th[data-v-d1413b9a]{background-color:#f8f9fa;font-weight:600;color:#333;font-size:14px}.records-table td[data-v-d1413b9a]{font-size:14px;color:#666}.records-table tbody tr[data-v-d1413b9a]:hover{background-color:#f8f9fa}.empty-cell[data-v-d1413b9a]{text-align:center;color:#999;font-style:italic;padding:30px}.screenshot-preview[data-v-d1413b9a]{display:flex;align-items:center;justify-content:center}.screenshot-img[data-v-d1413b9a]{width:60px;height:40px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid #ddd;transition:all .2s}.screenshot-img[data-v-d1413b9a]:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003;border-color:#007bff}.no-screenshot[data-v-d1413b9a]{color:#999;font-size:12px;font-style:italic}.status-learning[data-v-d1413b9a]{color:#fff;background-color:#28a745;padding:2px 6px;border-radius:3px;font-weight:500;font-size:12px;display:inline-block}.status-waiting[data-v-d1413b9a]{color:#fff;background-color:#ffc107;padding:2px 6px;border-radius:3px;font-weight:500;font-size:12px;display:inline-block}.status-completed[data-v-d1413b9a]{color:#fff;background-color:#007bff;padding:2px 6px;border-radius:3px;font-weight:500;font-size:12px;display:inline-block}.status-refunded[data-v-d1413b9a]{color:#fff;background-color:#dc3545;padding:2px 6px;border-radius:3px;font-weight:500;font-size:12px;display:inline-block}.status-paused[data-v-d1413b9a]{color:#fff;background-color:#6c757d;padding:2px 6px;border-radius:3px;font-weight:500;font-size:12px;display:inline-block}.status-lost[data-v-d1413b9a]{color:#fff;background-color:#343a40;padding:2px 6px;border-radius:3px;font-weight:500;font-size:12px;display:inline-block}.teacher-notes-item[data-v-d1413b9a]{grid-column:1 / -1}.teacher-notes-textarea[data-v-d1413b9a]{width:100%;min-height:80px;resize:vertical;font-family:inherit}.student-class-record[data-v-71a47b1f]{min-height:100vh;background-color:#f5f7fa}.content-container[data-v-71a47b1f]{max-width:1400px;margin:0 auto;padding:20px}.content-header[data-v-71a47b1f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header-left[data-v-71a47b1f]{display:flex;align-items:center;gap:15px}.back-btn[data-v-71a47b1f]{display:flex;align-items:center;gap:5px;padding:8px 16px;background:transparent;color:#dc3545;border:2px solid #dc3545;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.back-btn[data-v-71a47b1f]:hover{background:#dc3545;color:#fff}.content-header[data-v-71a47b1f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.header-left[data-v-71a47b1f]{display:flex;align-items:center;gap:20px}.header-right[data-v-71a47b1f]{display:flex;align-items:center;gap:10px}.status-label[data-v-71a47b1f]{font-size:16px;font-weight:600;color:#2c3e50}.status-badge[data-v-71a47b1f]{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;color:#fff}.status-active[data-v-71a47b1f]{background:#28a745}.status-waiting[data-v-71a47b1f]{background:#ffc107;color:#212529}.status-paused[data-v-71a47b1f]{background:#6c757d}.status-completed[data-v-71a47b1f]{background:#17a2b8}.content-header h1[data-v-71a47b1f]{margin:0;color:#2c3e50;font-size:24px}.student-info-section[data-v-71a47b1f],.class-records-section[data-v-71a47b1f],.exam-records-section[data-v-71a47b1f]{background:#fff;border-radius:8px;padding:25px;margin-bottom:25px;box-shadow:0 2px 4px #0000001a}.student-info-section h2[data-v-71a47b1f],.class-records-section h2[data-v-71a47b1f],.exam-records-section h2[data-v-71a47b1f]{margin:0 0 20px;color:#2c3e50;font-size:18px;border-bottom:2px solid #dc3545;padding-bottom:10px}.info-grid[data-v-71a47b1f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.info-item[data-v-71a47b1f]{display:flex;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px}.info-item .label[data-v-71a47b1f]{font-weight:600;color:#495057;min-width:100px;margin-right:10px}.info-item .value[data-v-71a47b1f]{color:#dc3545;font-weight:500}.section-header[data-v-71a47b1f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-btn[data-v-71a47b1f]{display:flex;align-items:center;gap:5px;padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.add-btn[data-v-71a47b1f]:hover{background:#c82333}.table-container[data-v-71a47b1f]{overflow-x:auto;border-radius:8px;border:1px solid #dee2e6}.records-table[data-v-71a47b1f]{width:100%;border-collapse:collapse;background:#fff}.records-table th[data-v-71a47b1f]{background:#f8f9fa;padding:15px 10px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.records-table td[data-v-71a47b1f]{padding:12px 10px;border-bottom:1px solid #dee2e6;vertical-align:middle}.record-row[data-v-71a47b1f]:hover{background:#f8f9fa}.input-field[data-v-71a47b1f]{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:120px}.input-field[data-v-71a47b1f]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.input-field[data-v-71a47b1f]:disabled{background:#f8f9fa;color:#6c757d}.duration-display[data-v-71a47b1f],.level-display[data-v-71a47b1f]{font-weight:500;color:#2c3e50}.completion-status[data-v-71a47b1f]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#ffc107;color:#212529}.completion-status.completed[data-v-71a47b1f]{background:#28a745;color:#fff}.screenshot-upload[data-v-71a47b1f]{display:flex;flex-direction:column;gap:5px}.file-input[data-v-71a47b1f]{font-size:12px}.file-name[data-v-71a47b1f]{font-size:12px;color:#28a745;font-weight:500}.action-buttons[data-v-71a47b1f]{display:flex;gap:5px;flex-wrap:wrap}.action-buttons button[data-v-71a47b1f]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s}.save-btn[data-v-71a47b1f]{background:#28a745;color:#fff}.save-btn[data-v-71a47b1f]:hover{background:#218838}.cancel-btn[data-v-71a47b1f]{background:#6c757d;color:#fff}.cancel-btn[data-v-71a47b1f]:hover{background:#5a6268}.edit-btn[data-v-71a47b1f]{background:#007bff;color:#fff}.edit-btn[data-v-71a47b1f]:hover{background:#0056b3}.delete-btn[data-v-71a47b1f]{background:#dc3545;color:#fff}.delete-btn[data-v-71a47b1f]:hover{background:#c82333}@media (max-width: 768px){.content-container[data-v-71a47b1f]{padding:10px}.content-header[data-v-71a47b1f]{flex-direction:column;gap:15px;text-align:center}.header-left[data-v-71a47b1f]{flex-direction:column;gap:10px}.info-grid[data-v-71a47b1f]{grid-template-columns:1fr}}.screenshot-upload[data-v-71a47b1f]{display:flex;flex-direction:column;align-items:center;gap:8px}.file-input[data-v-71a47b1f]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.screenshot-preview[data-v-71a47b1f]{width:80px;height:60px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.screenshot-img[data-v-71a47b1f]{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:all .2s}.screenshot-img[data-v-71a47b1f]:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.no-screenshot[data-v-71a47b1f]{color:#999;font-size:12px;font-style:italic}.upload-status[data-v-71a47b1f]{color:#007bff;font-size:12px;font-weight:700;padding:4px 8px;background:#e3f2fd;border-radius:4px;border:1px solid #bbdefb}.file-input[data-v-71a47b1f]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.screenshot-container[data-v-71a47b1f]{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.screenshot-display[data-v-71a47b1f]{display:flex;flex-direction:column;align-items:center;gap:5px}.screenshot-thumb[data-v-71a47b1f]{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #ddd;cursor:pointer;transition:transform .2s}.screenshot-thumb[data-v-71a47b1f]:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003;border-color:#007bff}.upload-section[data-v-71a47b1f]{display:flex;flex-direction:column;align-items:center;gap:5px}.upload-btn[data-v-71a47b1f]{display:inline-block;padding:6px 12px;background:#007bff;color:#fff;border-radius:4px;cursor:pointer;font-size:12px;text-align:center;transition:background-color .2s}.upload-btn[data-v-71a47b1f]:hover{background:#0056b3}.remove-btn[data-v-71a47b1f]{padding:2px 6px;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:10px}.remove-btn[data-v-71a47b1f]:hover{background:#c82333}.no-screenshot[data-v-71a47b1f]{color:#999;font-size:12px;font-style:italic;text-align:center}@media (max-width: 768px){.content-header[data-v-71a47b1f]{flex-direction:column;gap:15px;align-items:stretch}.header-left[data-v-71a47b1f],.header-right[data-v-71a47b1f]{justify-content:center}.section-header[data-v-71a47b1f]{flex-direction:column;gap:15px;align-items:stretch}.records-table[data-v-71a47b1f]{font-size:12px}.records-table th[data-v-71a47b1f],.records-table td[data-v-71a47b1f]{padding:8px 5px}.input-field[data-v-71a47b1f]{min-width:80px;font-size:12px}.action-buttons[data-v-71a47b1f]{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:PingFang SC,Microsoft YaHei,sans-serif}:root{--primary-color: #C3272B;--primary-dark: #d4271f;--primary-light: #f55042;--background-gradient: linear-gradient(135deg, #d4271f, #f55042, #ffc4c0);--white: #ffffff;--light-gray: #f5f5f5;--border-color: rgba(223, 225, 229, .8);--text-gray: #a0a0a0;--shadow: rgba(149, 157, 165, .2)}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background-color:var(--white);color:var(--primary-color);box-shadow:var(--shadow) 0 8px 20px}.btn-primary:hover{background-color:var(--light-gray);transform:translateY(-2px);box-shadow:#959da54d 0 10px 25px}.btn-primary:active{transform:translateY(1px)}.export-section{display:flex;align-items:center;gap:10px}.year-select,.month-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;color:#333;cursor:pointer}.year-select:focus,.month-select:focus{outline:none;border-color:#c3272b;box-shadow:0 0 0 2px #c3272b1a}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;margin-right:10px}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.input-field{width:100%;height:50px;border:1px solid var(--border-color);outline:none;border-radius:10px;padding:0 20px;font-size:16px;background:#fffffff2;transition:all .3s ease;box-shadow:0 4px 10px #0000000d}.input-field:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px #d4271f33}.input-field::placeholder{color:var(--text-gray)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;margin-bottom:24px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.table th{background-color:#f8f9fa;font-weight:600;color:#333}.table tr:hover{background-color:#f8f9fa}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.fade-in{animation:fadeIn .3s ease}.shake{animation:shake .5s ease}@media (max-width: 768px){.btn{padding:10px 20px;font-size:14px}.input-field{height:46px;font-size:15px}.card{padding:16px;margin-bottom:16px}}