#app[data-v-70d95808]{width:100vw;height:100vh}:root{--el-color-primary:#4f46e5;--el-color-primary-light-3:#6366f1;--el-color-primary-light-5:#818cf8;--el-color-primary-light-7:#c7d2fe;--el-color-primary-light-9:#e0e7ff;--el-color-primary-dark-2:#4338ca;--el-color-success:#10b981;--el-color-success-light-3:#34d399;--el-color-success-light-5:#6ee7b7;--el-color-success-light-7:#a7f3d0;--el-color-success-light-9:#d1fae5;--el-color-success-dark-2:#059669;--el-color-warning:#f59e0b;--el-color-warning-light-3:#fbbf24;--el-color-warning-light-5:#fcd34d;--el-color-warning-light-7:#fde68a;--el-color-warning-light-9:#fef3c7;--el-color-warning-dark-2:#d97706;--el-color-danger:#ef4444;--el-color-danger-light-3:#f87171;--el-color-danger-light-5:#fca5a5;--el-color-danger-light-7:#fecaca;--el-color-danger-light-9:#fee2e2;--el-color-danger-dark-2:#dc2626;--el-color-info:#64748b;--el-color-info-light-3:#94a3b8;--el-color-info-light-5:#cbd5e1;--el-color-info-light-7:#e2e8f0;--el-color-info-light-9:#f1f5f9;--el-color-info-dark-2:#475569;--el-text-color-primary:#1e293b;--el-text-color-regular:#64748b;--el-text-color-secondary:#94a3b8;--el-text-color-placeholder:#cbd5e1;--el-text-color-disabled:#e2e8f0;--el-border-color:#e2e8f0;--el-border-color-light:#cbd5e1;--el-border-color-lighter:#f1f5f9;--el-border-color-extra-light:#f8fafc;--el-border-color-dark:#94a3b8;--el-border-color-darker:#64748b;--el-bg-color:#fff;--el-bg-color-page:#f8fafc;--el-bg-color-overlay:#ffffffe6;--el-fill-color:#f1f5f9;--el-fill-color-light:#f8fafc;--el-fill-color-lighter:#fff;--el-fill-color-extra-light:#fff;--el-fill-color-dark:#e2e8f0;--el-fill-color-darker:#cbd5e1;--el-fill-color-blank:#fff;--el-border-radius-base:8px;--el-border-radius-small:4px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-large:16px;--el-font-size-extra-large:20px;--el-box-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--el-box-shadow-light:0 2px 4px 0 #0000000d, 0 1px 2px -1px #0000000d;--el-box-shadow-lighter:0 1px 2px 0 #0000000d, 0 1px 1px 0 #0000000d;--el-box-shadow-dark:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-lighter:#818cf8;--color-primary-lightest:#c7d2fe;--color-primary-dark:#4338ca;--color-primary-darker:#3730a3;--color-primary-darkest:#312e81;--color-success:#10b981;--color-success-light:#34d399;--color-success-lighter:#6ee7b7;--color-success-lightest:#a7f3d0;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-lighter:#fcd34d;--color-warning-lightest:#fde68a;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-lighter:#fca5a5;--color-danger-lightest:#fecaca;--color-danger-dark:#dc2626;--color-info:#64748b;--color-info-light:#94a3b8;--color-info-lighter:#cbd5e1;--color-info-lightest:#e2e8f0;--color-info-dark:#475569;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-disabled:#cbd5e1;--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-card:#fff;--color-border:#e2e8f0;--color-border-light:#cbd5e1;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-hover:0 10px 15px -3px #4f46e526, 0 4px 6px -4px #4f46e51a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);--gradient-primary-light:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-info:linear-gradient(135deg, #64748b 0%, #475569 100%);--gradient-purple:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--gradient-pink:linear-gradient(135deg, #f472b6 0%, #ec4899 100%);--gradient-cyan:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--gradient-orange:linear-gradient(135deg, #fb923c 0%, #f97316 100%);--gradient-sidebar:linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--gradient-login:linear-gradient(135deg, #4f46e5 0%, #312e81 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:1.5}#app{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.pull-left{float:left}.pull-right{float:right}.clearfix:after{content:"";clear:both;display:table}.hidden{display:none!important}.visible{display:block!important}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.bg-info{background-color:var(--color-info)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-around{justify-content:space-around;align-items:center;display:flex}.flex-column{flex-direction:column}.flex-1{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}@media (width<=768px){.hidden-mobile{display:none!important}}@media (width>=769px){.hidden-desktop{display:none!important}}.el-button{border-radius:var(--radius-md);font-weight:500;transition:all .3s}.el-button:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.el-button--primary{background:var(--gradient-primary);border-color:#0000}.el-button--primary:hover{background:var(--gradient-primary-light)}.el-input .el-input__inner{border-radius:var(--radius-md);border-color:var(--color-border);color:var(--color-text-primary);background-color:#fff;transition:all .3s}.el-input .el-input__inner:hover{border-color:var(--color-primary-light)}.el-input .el-input__inner:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.el-form-item{margin-bottom:20px}.el-table{border-radius:var(--radius-lg);background-color:var(--color-bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.el-table .el-table__header th{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);font-weight:600}.el-table .el-table__body tr{color:var(--color-text-secondary);transition:all .3s}.el-table .el-table__body tr:hover{background-color:var(--color-bg-secondary)}.el-pagination{text-align:right;margin-top:20px}.el-pagination .el-pager li{border-radius:var(--radius-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background-color:#fff;transition:all .3s}.el-pagination .el-pager li:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.el-pagination .el-pager li.is-active{background:var(--gradient-primary);color:#fff;border-color:#0000}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin-bottom:20px;padding:20px;transition:all .3s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card .card-header{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:15px}.card .card-header .card-title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.card .card-body{padding:0}.card .card-footer{border-top:1px solid var(--color-border);text-align:right;margin-top:20px;padding-top:15px}.page-container{background:var(--color-bg-primary);min-height:calc(100vh - 60px);padding:20px}.page-header{margin-bottom:20px}.page-header .page-title{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:600}.page-header .page-description{color:var(--color-text-secondary);margin-top:8px;font-size:14px}.search-form{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:20px;padding:20px}.search-form .search-buttons{text-align:right;margin-top:20px}.data-table{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:20px}.data-table .table-header{margin-bottom:20px}.data-table .table-header .table-title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.data-table .table-actions{text-align:right;margin-bottom:20px}