:root{--primary-color: #1890ff;--primary-light: #e6f7ff;--primary-dark: #096dd9;--accent-color: #fa8c16;--accent-light: #fff7e6;--accent-dark: #d46b08;--background-color: #f5f7fa;--surface-color: #ffffff;--border-color: #e8e8e8;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--text-quaternary: #bfbfbf;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--info-color: #1890ff;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}@media(prefers-color-scheme:dark){:root{--background-color: #141414;--surface-color: #1f1f1f;--border-color: #303030;--text-primary: #f5f5f5;--text-secondary: #d9d9d9;--text-tertiary: #a3a3a3;--text-quaternary: #737373}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5a6fd6;--secondary-color: #764ba2;--accent-color: #f093fb;--bg-dark: #0c0e1a;--bg-card: rgba(255, 255, 255, .95);--bg-glass: rgba(255, 255, 255, .08);--bg-glass-light: rgba(255, 255, 255, .12);--border-glass: rgba(255, 255, 255, .15);--text-primary: #1a1c2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--color-red: #f56c6c;--color-yellow: #e6a23c;--color-green: #67c23a;--color-blue: #409eff}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff;line-height:1.6}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#667eea80}.el-card{border-radius:var(--radius-lg)!important;border:none!important;box-shadow:var(--shadow-md)!important;transition:transform var(--transition-normal),box-shadow var(--transition-normal)!important;overflow:hidden}.el-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}.el-card__header{padding:16px 20px!important;border-bottom:1px solid #f0f0f0!important;background:linear-gradient(135deg,#fafbfc,#f5f7fa)}.el-card__body{padding:20px!important}.el-button{border-radius:var(--radius-sm)!important;font-weight:500!important;transition:all var(--transition-fast)!important;letter-spacing:.5px}.el-button--primary{background:var(--primary-gradient)!important;border:none!important;box-shadow:0 2px 8px #667eea4d!important}.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea66!important}.el-button--primary:active{transform:translateY(0)}.el-button--success{box-shadow:0 2px 8px #67c23a4d!important}.el-button--success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #67c23a66!important}.el-button--warning{box-shadow:0 2px 8px #e6a23c4d!important}.el-button--warning:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e6a23c66!important}.el-button--danger{box-shadow:0 2px 8px #f56c6c4d!important}.el-button--danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f56c6c66!important}.el-table{border-radius:var(--radius-md)!important;overflow:hidden}.el-table th.el-table__cell{background:linear-gradient(135deg,#f8f9ff,#f0f2ff)!important;color:var(--text-primary)!important;font-weight:600!important;font-size:13px!important}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafbfe!important}.el-table .el-table__body tr:hover>td.el-table__cell{background:#f0f3ff!important}.el-tag{border-radius:6px!important;font-weight:500!important;letter-spacing:.3px}.el-dialog{border-radius:var(--radius-xl)!important;overflow:hidden;box-shadow:0 20px 60px #00000026!important}.el-dialog__header{padding:20px 24px!important;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-bottom:1px solid #eee!important}.el-dialog__title{font-weight:600!important;font-size:16px!important;color:var(--text-primary)!important}.el-dialog__body{padding:24px!important}.el-input__wrapper{border-radius:var(--radius-sm)!important;transition:all var(--transition-fast)!important;box-shadow:0 0 0 1px #dcdfe6 inset!important}.el-input__wrapper:hover{box-shadow:0 0 0 1px #c0c4cc inset!important}.el-input__wrapper.is-focus,.el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--primary-color) inset,0 0 0 3px #667eea26!important}.el-progress-bar__inner{border-radius:10px!important;transition:width .8s ease!important}.el-descriptions{--el-descriptions-item-bordered-label-background: #f8f9ff}.el-descriptions.is-bordered .el-descriptions__body{border-radius:var(--radius-md);overflow:hidden}.el-steps--vertical .el-step__title{font-weight:500!important}.el-alert{border-radius:var(--radius-sm)!important}.el-empty__description p{color:var(--text-muted)!important}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.scale-enter-active,.scale-leave-active{transition:all .3s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s ease-out both}.animate-fade-in{animation:fadeIn .4s ease-out both}.animate-slide-in-left{animation:slideInLeft .5s ease-out both}.hover-lift{transition:all var(--transition-fast)!important}.hover-lift:hover{transform:translateY(-2px)!important}.hover-scale{transition:transform var(--transition-fast)!important}.hover-scale:hover{transform:scale(1.02)!important}.glass-effect{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-effect{box-shadow:var(--shadow-glow)}:root{--harmony-primary: #2979FF;--harmony-primary-light: #4A90E2;--harmony-primary-dark: #1E5BBF;--harmony-primary-gradient: linear-gradient(135deg, #2979FF, #4A90E2);--harmony-gray-primary: #333333;--harmony-gray-secondary: #666666;--harmony-gray-tertiary: #999999;--harmony-success: #52c41a;--harmony-warning: #faad14;--harmony-danger: #f5222d;--harmony-info: #1890ff;--harmony-bg-primary: #f0f2f5;--harmony-bg-secondary: #ffffff;--harmony-bg-tertiary: #fafafa;--harmony-bg-gradient: linear-gradient(135deg, #f0f9ff 0%, #f0f2f5 25%, #f9fafb 50%, #ecfdf5 75%, #f0f9ff 100%);--harmony-text-primary: #333333;--harmony-text-secondary: #666666;--harmony-text-tertiary: #999999;--harmony-text-light: #bfbfbf;--harmony-border-primary: #d9d9d9;--harmony-border-secondary: #e8e8e8;--harmony-border-light: #f0f0f0;--harmony-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--harmony-shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--harmony-shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--harmony-radius-sm: 4px;--harmony-radius-md: 8px;--harmony-radius-lg: 12px;--harmony-radius-xl: 16px;--harmony-radius-full: 9999px;--harmony-space-xs: 4px;--harmony-space-sm: 8px;--harmony-space-md: 16px;--harmony-space-lg: 24px;--harmony-space-xl: 32px;--harmony-space-xxl: 48px;--harmony-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--harmony-font-size-title: 16px;--harmony-font-size-content: 14px;--harmony-font-size-xs: 12px;--harmony-font-size-sm: 14px;--harmony-font-size-md: 16px;--harmony-font-size-lg: 18px;--harmony-font-size-xl: 20px;--harmony-font-size-xxl: 24px;--harmony-font-weight-normal: 400;--harmony-font-weight-medium: 500;--harmony-font-weight-semibold: 600;--harmony-font-weight-bold: 700;--harmony-space-xs: 8px;--harmony-space-sm: 16px;--harmony-space-md: 24px;--harmony-space-lg: 32px;--harmony-space-xl: 48px;--harmony-sidebar-width: 240px;--harmony-sidebar-width-collapsed: 64px;--harmony-header-height: 64px;--harmony-transition-fast: .2s ease;--harmony-transition-normal: .3s ease;--harmony-transition-slow: .5s ease}.harmony-layout{display:flex;width:100%;height:100vh;overflow:hidden;background:var(--harmony-bg-primary)}.harmony-sidebar{width:var(--harmony-sidebar-width);flex-shrink:0;background:linear-gradient(180deg,#0a1929,#0f2744 40%,#0a1929);height:100vh;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto;overflow-x:hidden;position:relative;transition:all var(--harmony-transition-normal)}.harmony-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at 50% 0%,rgba(0,125,255,.15) 0%,transparent 70%);pointer-events:none}.harmony-sidebar.collapsed{width:var(--harmony-sidebar-width-collapsed)}.harmony-sidebar::-webkit-scrollbar{width:6px}.harmony-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.harmony-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.harmony-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.harmony-logo-section{display:flex;align-items:center;gap:12px;padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.harmony-logo-icon{width:40px;height:40px;background:var(--harmony-primary-gradient);border-radius:var(--harmony-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:var(--harmony-shadow-md)}.harmony-logo-text{font-size:var(--harmony-font-size-lg);font-weight:var(--harmony-font-weight-bold);background:var(--harmony-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.harmony-menu{border-right:none;background:transparent;padding:var(--harmony-space-md) 0}.harmony-menu .el-menu-item{color:#fff9;font-weight:var(--harmony-font-weight-medium);font-size:var(--harmony-font-size-sm);margin:var(--harmony-space-xs) var(--harmony-space-sm) var(--harmony-space-xs) var(--harmony-space-md);border-radius:var(--harmony-radius-lg);height:48px;line-height:48px;transition:all var(--harmony-transition-normal);border-left:3px solid transparent}.harmony-menu .el-menu-item:hover{background:#007dff26;color:#ffffffe6;transform:translate(4px)}.harmony-menu .el-menu-item.is-active{background:linear-gradient(135deg,#007dff40,#40a9ff33);color:#fff;border-left-color:var(--harmony-primary);box-shadow:0 2px 12px #007dff33}.harmony-menu .el-menu-item .el-icon{font-size:20px;margin-right:var(--harmony-space-md)}.harmony-menu-divider{height:1px;background:#ffffff14;margin:var(--harmony-space-md) var(--harmony-space-lg)}.harmony-section-label{padding:var(--harmony-space-sm) var(--harmony-space-lg);font-size:var(--harmony-font-size-xs);color:#fff6;letter-spacing:1px;text-transform:uppercase;font-weight:var(--harmony-font-weight-semibold)}.harmony-main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.harmony-header{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:0 var(--harmony-space-xl);height:var(--harmony-header-height);border-bottom:1px solid var(--harmony-border-light);transition:all var(--harmony-transition-normal);z-index:100}.harmony-header.scrolled{box-shadow:var(--harmony-shadow-sm)}.harmony-header-left h1{font-size:var(--harmony-font-size-title);font-weight:var(--harmony-font-weight-bold);margin:0;color:var(--harmony-text-primary)}.harmony-header-right{display:flex;align-items:center;gap:var(--harmony-space-lg)}.harmony-header-icon{color:var(--harmony-text-tertiary);cursor:pointer;transition:all var(--harmony-transition-fast);font-size:20px}.harmony-header-icon:hover{color:var(--harmony-primary);transform:scale(1.1)}.harmony-user-avatar{background:var(--harmony-primary-gradient)!important;color:#fff!important;font-weight:var(--harmony-font-weight-semibold)!important}.harmony-user-name{color:var(--harmony-text-primary);font-weight:var(--harmony-font-weight-medium);font-size:var(--harmony-font-size-sm)}.harmony-main{padding:var(--harmony-space-xl);background:var(--harmony-bg-gradient);background-size:400% 400%;animation:harmony-gradient-shift 15s ease infinite;flex:1;overflow-y:auto}@keyframes harmony-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.harmony-card{background:var(--harmony-bg-secondary);border-radius:var(--harmony-radius-lg);box-shadow:var(--harmony-shadow-sm);padding:var(--harmony-space-lg);margin-bottom:var(--harmony-space-lg);transition:all var(--harmony-transition-normal)}.harmony-card:hover{box-shadow:var(--harmony-shadow-md);transform:translateY(-2px)}.harmony-card-title{font-size:var(--harmony-font-size-lg);font-weight:var(--harmony-font-weight-semibold);color:var(--harmony-text-primary);margin-bottom:var(--harmony-space-md);padding-bottom:var(--harmony-space-sm);border-bottom:1px solid var(--harmony-border-light)}@media(max-width:1400px){:root{--harmony-sidebar-width: 230px}.harmony-logo-text{font-size:var(--harmony-font-size-lg)}.harmony-menu .el-menu-item{font-size:var(--harmony-font-size-sm);margin:var(--harmony-space-xs) var(--harmony-space-sm) var(--harmony-space-xs) var(--harmony-space-md)}}@media(max-width:1200px){:root{--harmony-sidebar-width: 210px}.harmony-logo-text{font-size:var(--harmony-font-size-md)}.harmony-logo-icon{width:36px;height:36px;font-size:18px}.harmony-menu .el-menu-item{font-size:var(--harmony-font-size-xs);margin:var(--harmony-space-xs) var(--harmony-space-xs) var(--harmony-space-xs) var(--harmony-space-sm);height:44px;line-height:44px}.harmony-menu .el-menu-item .el-icon{font-size:18px;margin-right:var(--harmony-space-sm)}.harmony-header{padding:0 var(--harmony-space-lg)}.harmony-header-left h1{font-size:var(--harmony-font-size-md)}.harmony-header-right{gap:var(--harmony-space-md)}.harmony-main{padding:var(--harmony-space-lg)}}@media(max-width:992px){:root{--harmony-sidebar-width: 190px;--harmony-header-height: 56px}.harmony-logo-section{padding:var(--harmony-space-md) var(--harmony-space-md) var(--harmony-space-sm);gap:8px}.harmony-logo-icon{width:32px;height:32px;font-size:16px}.harmony-logo-text{font-size:var(--harmony-font-size-sm)}.harmony-menu{padding:var(--harmony-space-sm) 0}.harmony-menu .el-menu-item{font-size:var(--harmony-font-size-xs);margin:var(--harmony-space-xs) var(--harmony-space-xs) var(--harmony-space-xs) var(--harmony-space-sm);height:40px;line-height:40px}.harmony-menu .el-menu-item .el-icon{font-size:16px;margin-right:var(--harmony-space-xs)}.harmony-header{padding:0 var(--harmony-space-md);height:var(--harmony-header-height)}.harmony-header-left h1{font-size:var(--harmony-font-size-sm)}.harmony-header-right{gap:var(--harmony-space-sm)}.harmony-header-actions{gap:var(--harmony-space-xs)}.harmony-header-actions .el-button{font-size:var(--harmony-font-size-xs);padding:var(--harmony-space-xs) var(--harmony-space-sm)}.harmony-main{padding:var(--harmony-space-md)}.harmony-user-name{font-size:var(--harmony-font-size-xs)}}@media(max-width:768px){.harmony-layout{flex-direction:column}.harmony-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:var(--harmony-space-sm)}.harmony-logo-section{padding:var(--harmony-space-sm) var(--harmony-space-md);justify-content:center}.harmony-menu{display:flex;overflow-x:auto;padding:var(--harmony-space-xs) 0;gap:var(--harmony-space-xs)}.harmony-menu .el-menu-item{flex-shrink:0;margin:0 var(--harmony-space-xs);border-radius:var(--harmony-radius-md);padding:0 var(--harmony-space-md);border-left:none;height:40px;line-height:40px;min-width:100px;justify-content:center}.harmony-menu .el-menu-item .el-icon{font-size:16px;margin-right:var(--harmony-space-xs)}.harmony-menu-divider,.harmony-section-label{display:none}.harmony-main-wrapper{flex:1;min-height:0}.harmony-main{padding:var(--harmony-space-sm);overflow-y:auto}.harmony-header{padding:0 var(--harmony-space-sm);height:48px}.harmony-header-left h1{font-size:var(--harmony-font-size-sm)}.harmony-header-right{gap:var(--harmony-space-xs)}.harmony-user-avatar{width:28px!important;height:28px!important;font-size:12px!important}.harmony-user-name{font-size:12px;display:none}.harmony-header-actions{gap:4px}.harmony-header-actions .el-button{font-size:12px;padding:4px 8px}.harmony-card{padding:var(--harmony-space-md);margin-bottom:var(--harmony-space-md)}.harmony-card-title{font-size:var(--harmony-font-size-sm);margin-bottom:var(--harmony-space-sm)}}@media(max-width:480px){:root{--harmony-header-height: 44px}.harmony-sidebar{padding-bottom:var(--harmony-space-xs)}.harmony-logo-section{padding:var(--harmony-space-xs) var(--harmony-space-sm)}.harmony-logo-icon{width:28px;height:28px;font-size:14px}.harmony-logo-text{font-size:var(--harmony-font-size-xs)}.harmony-menu{padding:var(--harmony-space-xs) 0}.harmony-menu .el-menu-item{margin:0 4px;padding:0 var(--harmony-space-sm);height:36px;line-height:36px;min-width:80px;font-size:12px}.harmony-menu .el-menu-item .el-icon{font-size:14px;margin-right:4px}.harmony-header{padding:0 var(--harmony-space-sm);height:var(--harmony-header-height)}.harmony-header-left h1{font-size:14px}.harmony-header-right{gap:4px}.harmony-user-avatar{width:24px!important;height:24px!important;font-size:10px!important}.harmony-header-actions .el-button{font-size:11px;padding:2px 6px}.harmony-main{padding:var(--harmony-space-xs)}.harmony-card{padding:var(--harmony-space-sm);margin-bottom:var(--harmony-space-sm)}.harmony-card-title{font-size:14px;margin-bottom:var(--harmony-space-xs);padding-bottom:var(--harmony-space-xs)}.harmony-header-icon{font-size:16px}}.harmony-mobile-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--harmony-bg-primary);max-width:480px;margin:0 auto;position:relative;overflow:hidden}.harmony-mobile-header{flex-shrink:0;height:48px;background:var(--harmony-primary-gradient);display:flex;align-items:center;justify-content:space-between;padding:0 var(--harmony-space-md);color:#fff;z-index:10}.harmony-header-title{font-size:var(--harmony-font-size-md);font-weight:var(--harmony-font-weight-semibold)}.harmony-header-right{display:flex;align-items:center;gap:var(--harmony-space-md)}.harmony-msg-badge{cursor:pointer}.harmony-avatar-sm{width:30px;height:30px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:var(--harmony-font-size-sm);font-weight:var(--harmony-font-weight-semibold);cursor:pointer}.harmony-mobile-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:60px}.harmony-mobile-tabbar{position:absolute;bottom:0;left:0;right:0;height:56px;background:var(--harmony-bg-secondary);display:flex;align-items:center;border-top:1px solid var(--harmony-border-light);padding-bottom:env(safe-area-inset-bottom);z-index:10}.harmony-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--harmony-text-tertiary);cursor:pointer;transition:color var(--harmony-transition-fast);padding:var(--harmony-space-xs) 0}.harmony-tab-item.active{color:var(--harmony-primary)}.harmony-tab-label{font-size:var(--harmony-font-size-xs)}.harmony-user-drawer{padding:var(--harmony-space-lg)}.harmony-drawer-header{display:flex;align-items:center;gap:var(--harmony-space-lg);margin-bottom:var(--harmony-space-lg)}.harmony-drawer-avatar{width:52px;height:52px;border-radius:50%;background:var(--harmony-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:var(--harmony-font-weight-bold)}.harmony-drawer-name{font-size:var(--harmony-font-size-md);font-weight:var(--harmony-font-weight-semibold);color:var(--harmony-text-primary);margin-bottom:var(--harmony-space-xs)}.harmony-drawer-stats{display:flex;justify-content:space-around;background:linear-gradient(135deg,#007dff14,#40a9ff14);border-radius:var(--harmony-radius-lg);padding:var(--harmony-space-md) 0;margin-bottom:var(--harmony-space-lg)}.harmony-stat-item{text-align:center}.harmony-stat-num{display:block;font-size:var(--harmony-font-size-lg);font-weight:var(--harmony-font-weight-bold);color:var(--harmony-primary)}.harmony-stat-label{font-size:var(--harmony-font-size-xs);color:var(--harmony-text-tertiary);margin-top:var(--harmony-space-xs)}.harmony-drawer-menu{display:flex;flex-direction:column;gap:var(--harmony-space-xs)}.harmony-drawer-item{display:flex;align-items:center;gap:var(--harmony-space-md);padding:var(--harmony-space-md) var(--harmony-space-md);border-radius:var(--harmony-radius-lg);font-size:var(--harmony-font-size-sm);color:var(--harmony-text-secondary);cursor:pointer;transition:background var(--harmony-transition-fast)}.harmony-drawer-item:hover{background:var(--harmony-bg-tertiary)}.harmony-drawer-item.harmony-logout{color:var(--harmony-danger);margin-top:var(--harmony-space-md)}.harmony-btn{background:var(--harmony-primary-gradient);color:#fff;border:none;border-radius:var(--harmony-radius-md);padding:var(--harmony-space-sm) var(--harmony-space-lg);font-size:var(--harmony-font-size-sm);font-weight:var(--harmony-font-weight-medium);cursor:pointer;transition:all var(--harmony-transition-fast);box-shadow:var(--harmony-shadow-sm)}.harmony-btn:hover{transform:translateY(-1px);box-shadow:var(--harmony-shadow-md)}.harmony-btn:active{transform:translateY(0)}.harmony-input{border:1px solid var(--harmony-border-secondary);border-radius:var(--harmony-radius-md);padding:var(--harmony-space-sm) var(--harmony-space-md);font-size:var(--harmony-font-size-sm);transition:all var(--harmony-transition-fast);background:var(--harmony-bg-secondary)}.harmony-input:focus{border-color:var(--harmony-primary);box-shadow:0 0 0 2px #007dff1a;outline:none}.harmony-tech-pulse{animation:harmony-pulse 2s infinite}@keyframes harmony-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.harmony-tech-glow{animation:harmony-glow 3s ease-in-out infinite alternate}@keyframes harmony-glow{0%{box-shadow:0 0 20px #007dff4d}to{box-shadow:0 0 40px #007dff99}}.harmony-tech-float{animation:harmony-float 6s ease-in-out infinite}@keyframes harmony-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.scale-in{animation:scaleIn var(--transition-normal) ease-out}.bounce-in{animation:bounceIn var(--transition-normal) ease-out}.pulse{animation:pulse 2s infinite}.shake{animation:shake .5s ease-in-out}.rotate{animation:rotate 1s linear}.slide-in-right{animation:slideInRight var(--transition-normal) ease-out}.slide-in-left{animation:slideInLeft var(--transition-normal) ease-out}.slide-in-up{animation:slideInUp var(--transition-normal) ease-out}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-highlight{transition:background-color var(--transition-fast),color var(--transition-fast)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes progress{0%{width:0}to{width:100%}}.progress-bar{animation:progress 1s ease-out}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.blink{animation:blink 1s infinite}@media(max-width:1200px){:root{--spacing-lg: 20px;--spacing-xl: 28px;--font-size-xl: 18px;--font-size-xxl: 22px}}@media(max-width:992px){:root{--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--font-size-lg: 16px;--font-size-xl: 17px;--font-size-xxl: 20px}.aside{width:180px!important}.el-table{font-size:var(--font-size-sm)}.el-table th,.el-table td{padding:8px 12px}}@media(max-width:768px){:root{--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 14px;--spacing-xl: 20px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 17px;--font-size-xxl: 19px}.aside{width:160px!important}.header{padding:0 var(--spacing-md)!important;height:56px!important}.main{height:calc(100vh - 56px)!important}.dashboard-card,.wrong-questions-card,.box-card{margin-bottom:var(--spacing-md)!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:var(--spacing-md)!important}.charts-container{grid-template-columns:1fr!important;gap:var(--spacing-md)!important}.el-dialog{width:90%!important;margin:20px auto!important}.el-form-item{margin-bottom:var(--spacing-md)!important}.el-form-item__label{width:70px!important}.el-button{padding:6px 12px!important;font-size:var(--font-size-sm)!important}}@media(max-width:576px){:root{--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-xxl: 18px}.aside{width:140px!important}.header-left h1{font-size:var(--font-size-lg)!important}.el-table{font-size:var(--font-size-xs)!important}.el-table th,.el-table td{padding:6px 8px!important}.el-table-column{width:auto!important;min-width:80px!important}.student-info{padding:var(--spacing-md)!important}.info-item{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-xs)!important}.label{width:100%!important;margin-right:0!important}.stat-item{padding:var(--spacing-md)!important}.el-statistic__content{font-size:var(--font-size-xl)!important}.el-dialog{width:95%!important;margin:10px auto!important}.el-dialog__body{padding:var(--spacing-md)!important}.el-form-item__label{width:60px!important;font-size:var(--font-size-sm)!important}.el-input__inner{font-size:var(--font-size-sm)!important;padding:8px 12px!important}.el-button{padding:4px 8px!important;font-size:var(--font-size-xs)!important;margin-right:var(--spacing-sm)!important}.el-tag{font-size:var(--font-size-xs)!important;padding:0 8px!important;height:20px!important;line-height:18px!important}}@media(max-height:600px){.header{height:52px!important}.main{height:calc(100vh - 52px)!important}.dashboard-card,.wrong-questions-card,.box-card{margin-bottom:var(--spacing-md)!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:var(--spacing-md)!important}.stat-item{padding:var(--spacing-md)!important}}@media print{:root{--background-color: #ffffff;--surface-color: #ffffff;--border-color: #000000;--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #666666;--text-quaternary: #999999}.aside,.header,.el-button,.el-dialog,.el-dropdown{display:none!important}.main{padding:0!important;height:auto!important;overflow:visible!important}.dashboard-card,.wrong-questions-card,.box-card{box-shadow:none!important;border:1px solid var(--border-color)!important;break-inside:avoid}.el-table{border-collapse:collapse!important}.el-table th,.el-table td{border:1px solid var(--border-color)!important}}