#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%;height:100vh}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#64748b;--success-color:#059669;--warning-color:#d97706;--danger-color:#dc2626;--info-color:#0891b2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}.page-container{padding:var(--spacing-lg);background:var(--bg-secondary);min-height:100vh}.page-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}.card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:var(--spacing-lg);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.card-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.card-body{padding:var(--spacing-lg)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color)}.simple-table{width:100%;background:var(--bg-primary)}.simple-table :deep(.el-table__header){background:var(--gray-50)}.simple-table :deep(.el-table__header th){background:transparent;color:var(--text-primary);font-weight:600;font-size:.875rem;border:none;padding:var(--spacing) var(--spacing-sm);text-align:center;border-bottom:1px solid var(--border-color)}.simple-table :deep(.el-table__header th .cell){text-align:center;color:var(--text-primary);font-weight:600}.simple-table :deep(.el-table__row){transition:background-color .2s ease}.simple-table :deep(.el-table__row:hover){background:var(--gray-50)}.simple-table :deep(.el-table__row td){padding:var(--spacing) var(--spacing-sm);border-bottom:1px solid var(--border-light);text-align:center;color:var(--text-secondary);font-size:.875rem}.simple-table :deep(.el-table__row td .cell){text-align:center;display:flex;justify-content:center;align-items:center}.simple-table :deep(.el-table--striped .el-table__row--striped){background:var(--gray-50)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing);font-size:.875rem;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--gray-100);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--gray-200)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#047857}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-info{background:var(--info-color);color:#fff}.btn-info:hover{background:#0e7490}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius);white-space:nowrap}.tag-success{background:#dcfce7;color:var(--success-color)}.tag-danger{background:#fef2f2;color:var(--danger-color)}.tag-warning{background:#fef3c7;color:var(--warning-color)}.tag-info{background:#e0f2fe;color:var(--info-color)}.tag-gray{background:var(--gray-100);color:var(--gray-600)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing);margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.el-input__wrapper{border-radius:var(--radius);border-color:var(--border-color);box-shadow:none}.el-input__wrapper.is-focus,.el-input__wrapper:hover{border-color:var(--primary-color)}.el-input__wrapper.is-focus{box-shadow:0 0 0 3px var(--primary-light)}.el-select{width:100%}.el-button,.el-select .el-input__wrapper{border-radius:var(--radius)}.el-button{font-weight:500}.el-button--primary{background:var(--primary-color);border-color:var(--primary-color)}.el-button--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.el-tag{border-radius:var(--radius-sm);border:none}.el-tag--success{background:#dcfce7;color:var(--success-color)}.el-tag--danger{background:#fef2f2;color:var(--danger-color)}.el-tag--warning{background:#fef3c7;color:var(--warning-color)}.el-tag--info{background:#e0f2fe;color:var(--info-color)}.pagination-container{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.el-pagination{--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-border-radius:var(--radius)}.el-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.el-dialog__header{background:var(--gray-50);border-bottom:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.el-dialog__title{font-weight:600;color:var(--text-primary)}@media (max-width:768px){.page-container{padding:var(--spacing)}.form-grid{grid-template-columns:1fr}.card-body{padding:var(--spacing)}.simple-table :deep(.el-table__header th),.simple-table :deep(.el-table__row td){padding:var(--spacing-xs);font-size:.8125rem}}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--spacing-xs)}.mb-4{margin-bottom:var(--spacing)}.mb-6{margin-bottom:var(--spacing-md)}.mb-8{margin-bottom:var(--spacing-lg)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-xs)}.gap-4{gap:var(--spacing)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary)}.el-button{border-radius:var(--radius)!important;font-weight:500!important}.el-button--primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.el-button--primary:focus,.el-button--primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.el-input__wrapper{border-radius:var(--radius)!important;border-color:var(--border-color)!important;box-shadow:none!important}.el-input__wrapper.is-focus,.el-input__wrapper:hover{border-color:var(--primary-color)!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--primary-light)!important}.el-card{border-radius:var(--radius-lg)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow)!important}.el-card__header{background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-color)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.el-tag{border-radius:var(--radius-sm)!important;border:none!important;font-weight:500!important}.el-tag--success{background:#dcfce7!important;color:var(--success-color)!important}.el-tag--danger{background:#fef2f2!important;color:var(--danger-color)!important}.el-tag--warning{background:#fef3c7!important;color:var(--warning-color)!important}.el-tag--info{background:#e0f2fe!important;color:var(--info-color)!important}.el-dialog{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.el-dialog__header{background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-color)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.el-table{border-radius:var(--radius-lg)!important;overflow:hidden!important}.el-table .el-table__header th{color:var(--text-primary)!important;font-weight:600!important;border-bottom:1px solid var(--border-color)!important}.el-table .el-table__header th,.el-table .el-table__row:hover{background:var(--gray-50)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius)}.el-scrollbar__thumb{background:var(--gray-300);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:root{--primary-color:#409eff;--primary-dark:#337ab7;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-dark:#2c3e50;--text-primary:#333;--text-secondary:#666;--text-light:#999;--border-color:#dcdfe6;--border-light:#ebeef5;--shadow-light:0 2px 8px rgba(0,0,0,.1);--shadow-medium:0 4px 16px rgba(0,0,0,.15);--shadow-heavy:0 8px 32px rgba(0,0,0,.2);--border-radius:8px;--border-radius-lg:12px;--transition:all 0.3s ease}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-light);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-medium)}.card-header{padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.card-body{padding:24px}.btn-group{display:flex;gap:10px;flex-wrap:wrap}.table-container{overflow:hidden}.form-container,.table-container{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-light)}.form-container{padding:30px}.stats-card{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-medium);transition:var(--transition)}.stats-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy)}.stats-card .stats-number{font-size:2.5rem;font-weight:700;margin-bottom:8px}.stats-card .stats-label{font-size:1rem;opacity:.9}@media (max-width:768px){.card-body{padding:16px}.btn-group{flex-direction:column}.stats-card .stats-number{font-size:2rem}}.el-dialog__header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px!important;margin:10px!important;text-align:center!important}.el-dialog__title{margin:0 auto!important}.el-dialog__headerbtn{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important;margin:0!important;border-radius:4px!important}.el-dialog__headerbtn:hover{background-color:var(--bg-hover)!important}.el-dialog__close{display:flex!important;align-items:center!important;justify-content:center!important}