:root{--color-primary:#4f6ef7;--color-primary-light:#7b93fa;--color-primary-lighter:#bac7fd;--color-primary-lightest:#eef1fe;--color-primary-dark:#3b56d4;--color-primary-darkest:#2a3fa8;--color-success:#34c759;--color-success-light:#e8f8ed;--color-warning:#ff9500;--color-warning-light:#fff3e0;--color-danger:#ff3b30;--color-danger-light:#ffebee;--color-info:#5ac8fa;--color-info-light:#e8f7fe;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--text-primary:var(--color-gray-900);--text-regular:var(--color-gray-700);--text-secondary:var(--color-gray-500);--text-placeholder:var(--color-gray-400);--text-disabled:var(--color-gray-300);--bg-page:var(--color-gray-50);--bg-card:var(--color-white);--bg-sidebar:#1e2640;--bg-sidebar-hover:#2a3356;--bg-sidebar-active:#4f6ef726;--bg-sidebar-light:#f8fafc;--border-color:var(--color-gray-200);--border-color-light:var(--color-gray-100);--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-round:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--form-field-max-sm:240px;--form-field-max-md:360px;--form-field-max-lg:480px;--form-field-max-xl:640px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:240px;--sidebar-collapsed-width:68px;--header-height:56px}[data-layout=teacher]{--bg-page:#fff;--bg-sidebar:var(--bg-sidebar-light,#f8fafc);--border-radius-sm:7px;--border-radius-md:10px;--border-radius-lg:14px}[data-layout=student]{--bg-page:#fffbf5;--border-radius-sm:10px;--border-radius-md:14px;--border-radius-lg:18px;--border-radius-xl:22px;--font-size-base:15px;--font-size-sm:14px;--font-size-lg:17px;--font-size-xl:19px;--font-size-2xl:22px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-regular);background-color:var(--bg-page);min-height:100vh}#app{width:100%;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--border-radius-round)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.el-button--primary{--el-button-bg-color:var(--color-primary);--el-button-border-color:var(--color-primary);--el-button-hover-bg-color:var(--color-primary-light);--el-button-hover-border-color:var(--color-primary-light);--el-button-active-bg-color:var(--color-primary-dark);--el-button-active-border-color:var(--color-primary-dark)}.el-menu{border-right:none!important}.el-card{transition:box-shadow var(--transition-base), transform var(--transition-base);border-radius:var(--border-radius-lg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.el-card:hover{box-shadow:var(--shadow-md)!important}.el-card.is-always-shadow{box-shadow:var(--shadow-sm)!important}.el-card.is-hover-shadow:hover{box-shadow:var(--shadow-lg)!important}.el-card__header{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--text-primary);padding:var(--space-lg) var(--space-xl)!important;border-bottom:1px solid var(--border-color-light)!important}.el-card__body{padding:var(--space-xl)!important}.el-table{--el-table-border-color:var(--border-color-light);--el-table-header-bg-color:var(--color-gray-50);--el-table-row-hover-bg-color:var(--color-primary-lightest);border-radius:var(--border-radius-lg);overflow:hidden}.el-table th.el-table__cell{background-color:var(--color-gray-50);color:var(--text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.el-table .el-table__row{transition:background-color var(--transition-fast)}.el-tag{border-radius:var(--border-radius-round);font-weight:var(--font-weight-medium);padding:0 var(--space-sm);border:none;height:24px;line-height:22px}.el-tag--success{background-color:var(--color-success-light);color:var(--color-success)}.el-tag--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.el-tag--danger{background-color:var(--color-danger-light);color:var(--color-danger)}.el-tag--info{background-color:var(--color-gray-100);color:var(--color-gray-600)}.el-input__wrapper{transition:box-shadow var(--transition-fast);border-radius:var(--border-radius-md)!important;box-shadow:0 0 0 1px var(--border-color) inset!important}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--color-gray-400) inset!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--color-primary) inset!important}.el-input__inner{font-family:var(--font-family)}.el-select .el-input__wrapper{border-radius:var(--border-radius-md)!important}.el-dialog{overflow:hidden;border-radius:var(--border-radius-xl)!important;box-shadow:var(--shadow-xl)!important}.el-dialog__header{padding:var(--space-xl) var(--space-2xl) 0!important;margin-right:0!important}.el-dialog__title{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-xl)!important}.el-dialog__body{padding:var(--space-xl) var(--space-2xl)!important}.el-dialog__footer{padding:0 var(--space-2xl) var(--space-xl)!important}.el-pagination{margin-top:var(--space-lg);justify-content:flex-end}.el-pagination .el-pager li.is-active{background-color:var(--color-primary)!important;border-radius:var(--border-radius-sm)!important}.el-form-item__label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.el-input-number{min-width:130px!important}.el-input-number[style*="width: 100%"],.el-input-number[style*="width:100%"]{min-width:unset!important}.el-input-number.is-controls-right{min-width:140px!important}.el-input-number.el-input-number--small{min-width:110px!important}.el-input-number.el-input-number--small.is-controls-right{min-width:120px!important}.form-field-sm{max-width:var(--form-field-max-sm);width:100%}.form-field-md{max-width:var(--form-field-max-md);width:100%}.form-field-lg{max-width:var(--form-field-max-lg);width:100%}.form-field-xl{max-width:var(--form-field-max-xl);width:100%}.el-breadcrumb__inner{color:var(--text-secondary);font-weight:var(--font-weight-normal)!important}.el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--text-primary);font-weight:var(--font-weight-medium)!important}.el-loading-mask{border-radius:var(--border-radius-lg)}.el-empty__description p{color:var(--text-secondary)}.el-statistic__head{color:var(--text-secondary)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important}.el-statistic__number{font-size:var(--font-size-4xl)!important;font-weight:var(--font-weight-bold)!important;color:var(--text-primary)!important}.el-divider--horizontal{margin:var(--space-xl) 0;border-top-color:var(--border-color-light)}.el-popover,.el-dropdown-menu{border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color)!important}.el-dropdown-menu__item:hover{background-color:var(--color-primary-lightest)!important}.el-switch.is-checked .el-switch__core,.el-radio__input.is-checked .el-radio__inner{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.el-radio__input.is-checked+.el-radio__label{color:var(--color-primary)!important}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--color-primary)!important}.text-muted{color:var(--el-text-color-secondary);font-size:12px}.amount-text{color:var(--el-text-color-primary);font-weight:600}.score-text{font-size:16px;font-weight:600}.cell-link{color:var(--el-color-primary);cursor:pointer}.cell-link:hover{text-decoration:underline}:root{--student-color-primary:#42a5f5;--student-color-primary-light:#90caf9;--student-color-accent:#ffd54f;--student-color-accent-dark:#ffc107;--student-color-success:#66bb6a;--student-color-danger:#ef5350;--student-color-bg-page:#fafaf5;--student-color-bg-card:#fff;--student-color-bg-warm:#fff8e1;--student-color-text-primary:#333;--student-color-text-secondary:#666;--student-color-text-muted:#999;--student-border-radius-card:16px;--student-border-radius-btn:24px;--student-font-family-title:"Nunito", "Comic Neue", system-ui, sans-serif;--student-font-family-body:system-ui, -apple-system, sans-serif;--student-font-size-base:15px;--student-line-height-base:1.6;--student-space-xs:4px;--student-space-sm:8px;--student-space-md:16px;--student-space-lg:24px;--student-shadow-card:0 4px 16px #00000014;--student-shadow-hover:0 8px 24px #42a5f533}[data-layout=student]{--color-primary:var(--student-color-primary);--color-primary-light:var(--student-color-primary-light);--color-accent:var(--student-color-accent);--color-accent-dark:var(--student-color-accent-dark);--color-success:var(--student-color-success);--color-danger:var(--student-color-danger);--color-bg-page:var(--student-color-bg-page);--color-bg-card:var(--student-color-bg-card);--color-bg-warm:var(--student-color-bg-warm);--bg-page:var(--student-color-bg-page);--bg-card:var(--student-color-bg-card);--text-primary:var(--student-color-text-primary);--text-secondary:var(--student-color-text-secondary);--text-muted:var(--student-color-text-muted);--border-radius-card:var(--student-border-radius-card);--border-radius-btn:var(--student-border-radius-btn);--border-radius-lg:var(--student-border-radius-card);--border-radius-md:var(--student-border-radius-card);--border-radius-xl:22px;--font-family-title:var(--student-font-family-title);--font-family-body:var(--student-font-family-body);--font-size-base:var(--student-font-size-base);--font-size-sm:14px;--font-size-lg:17px;--font-size-xl:19px;--font-size-2xl:22px;--line-height-base:var(--student-line-height-base);--line-height-normal:var(--student-line-height-base);--space-xs:var(--student-space-xs);--space-sm:var(--student-space-sm);--space-md:var(--student-space-md);--space-lg:var(--student-space-lg);--shadow-card:var(--student-shadow-card);--shadow-hover:var(--student-shadow-hover);--shadow-md:var(--student-shadow-card);--shadow-lg:var(--student-shadow-hover)}