#app{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh}body,html{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:#1f2937;background-color:#f8fafc}.clearfix:after{content:"";display:table;clear:both}.text-ellipsis{white-space:nowrap}.text-ellipsis,.text-ellipsis-2{overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.m-1{margin:8px!important}.mt-1{margin-top:8px!important}.mr-1{margin-right:8px!important}.mb-1{margin-bottom:8px!important}.ml-1{margin-left:8px!important}.m-2{margin:16px!important}.mt-2{margin-top:16px!important}.mr-2{margin-right:16px!important}.mb-2{margin-bottom:16px!important}.ml-2{margin-left:16px!important}.m-3{margin:24px!important}.mt-3{margin-top:24px!important}.mr-3{margin-right:24px!important}.mb-3{margin-bottom:24px!important}.ml-3{margin-left:24px!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.p-1{padding:8px!important}.pt-1{padding-top:8px!important}.pr-1{padding-right:8px!important}.pb-1{padding-bottom:8px!important}.pl-1{padding-left:8px!important}.p-2{padding:16px!important}.pt-2{padding-top:16px!important}.pr-2{padding-right:16px!important}.pb-2{padding-bottom:16px!important}.pl-2{padding-left:16px!important}.p-3{padding:24px!important}.pt-3{padding-top:24px!important}.pr-3{padding-right:24px!important}.pb-3{padding-bottom:24px!important}.pl-3{padding-left:24px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{display:flex;align-items:center}.flex-end{justify-content:flex-end}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);overflow:hidden;border:1px solid #f3f4f6;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-1px)}.card-header{padding:20px 24px;border-bottom:1px solid #f9fafb;background:linear-gradient(135deg,#fafbfc,#fbfcfd)}.card-header .card-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.card-body{padding:24px}.card-footer{padding:16px 24px;border-top:1px solid #f9fafb;background:#fafbfc}.page-container{padding:32px;height:100%;overflow:auto;animation:fadeInUp .6s ease-out}.page-header{margin-bottom:32px}.page-header .page-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:12px;letter-spacing:-.5px;position:relative}.page-header .page-title:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:linear-gradient(135deg,#1976d2,#1e88e5);border-radius:2px}.page-header .page-description{color:#6b7280;font-size:16px;font-weight:400;line-height:1.6}.form-section{margin-bottom:24px}.form-section .section-title{font-size:16px;font-weight:500;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f9fafb}.el-card{border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.el-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.el-card .el-card__header{background:linear-gradient(135deg,#fafbfc,#fbfcfd);border-bottom:1px solid #f9fafb;padding:20px 24px}.el-card .el-card__body{padding:24px}.el-table{border-radius:8px;overflow:hidden}.el-table .el-table__header-wrapper th{background:linear-gradient(135deg,#fafbfc,#fbfcfd);color:#1f2937;font-weight:600;border-bottom:2px solid #f9fafb;padding:16px 12px}.el-table .el-table__body-wrapper .el-table__row{transition:background-color .2s}.el-table .el-table__body-wrapper .el-table__row:hover{background-color:rgba(25,118,210,.02)}.el-table .el-table__body-wrapper .el-table__row td{padding:12px;border-bottom:1px solid #fefefe}.el-button{border-radius:6px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-button.el-button--primary{background:linear-gradient(135deg,#1976d2,#1e88e5);border:none}.el-button.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.el-button.el-button--success{background:linear-gradient(135deg,#43a047,#66bb6a);border:none}.el-button.el-button--success:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.el-button.el-button--warning{background:linear-gradient(135deg,#fb8c00,#ffa726);border:none}.el-button.el-button--warning:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.el-button.el-button--danger{background:linear-gradient(135deg,#e53935,#ef5350);border:none}.el-button.el-button--danger:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.el-input .el-input__inner,.el-input .el-textarea__inner,.el-textarea .el-input__inner,.el-textarea .el-textarea__inner{border-radius:6px;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-input .el-input__inner:focus,.el-input .el-textarea__inner:focus,.el-textarea .el-input__inner:focus,.el-textarea .el-textarea__inner:focus{border-color:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.1)}.el-select .el-input__inner{border-radius:6px}.el-pagination .el-pager li{border-radius:6px;margin:0 2px}.el-pagination .el-pager li.active{background:linear-gradient(135deg,#1976d2,#1e88e5);color:#fff}.el-pagination .btn-next,.el-pagination .btn-prev{border-radius:6px}.status-success{color:#43a047}.status-warning{color:#fb8c00}.status-danger{color:#e53935}.status-info{color:#546e7a}.bg-success{background-color:rgba(67,160,71,.1);color:#43a047}.bg-success,.bg-warning{padding:4px 8px;border-radius:6px}.bg-warning{background-color:rgba(251,140,0,.1);color:#fb8c00}.bg-danger{background-color:rgba(229,57,53,.1);color:#e53935}.bg-danger,.bg-info{padding:4px 8px;border-radius:6px}.bg-info{background-color:rgba(84,110,122,.1);color:#546e7a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-left{animation:fadeInLeft .6s ease-out}.pulse{animation:pulse 2s infinite}.gradient-text{background:linear-gradient(135deg,#1976d2,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border:1px solid #f3f4f6;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1976d2,#1e88e5)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-card .stat-icon i{font-size:24px;color:#fff}.stat-card .stat-icon.primary{background:linear-gradient(135deg,#1976d2,#1e88e5)}.stat-card .stat-icon.success{background:linear-gradient(135deg,#43a047,#66bb6a)}.stat-card .stat-icon.warning{background:linear-gradient(135deg,#fb8c00,#ffa726)}.stat-card .stat-icon.danger{background:linear-gradient(135deg,#e53935,#ef5350)}.stat-card .stat-content .stat-number{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 4px 0;line-height:1}.stat-card .stat-content .stat-label{font-size:14px;color:#6b7280;margin:0;font-weight:500}.stat-card .stat-content .stat-change{font-size:12px;margin-top:8px}.stat-card .stat-content .stat-change.positive{color:#43a047}.stat-card .stat-content .stat-change.negative{color:#e53935}.form-section{margin-bottom:32px}.form-section .section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px 0;padding-bottom:12px;border-bottom:2px solid #1976d2;position:relative}.form-section .section-title:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(135deg,#1976d2,#1e88e5)}.modern-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;border:none}.modern-tag.primary{background:rgba(25,118,210,.1);color:#1976d2}.modern-tag.success{background:rgba(67,160,71,.1);color:#43a047}.modern-tag.warning{background:rgba(251,140,0,.1);color:#fb8c00}.modern-tag.danger{background:rgba(229,57,53,.1);color:#e53935}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;display:block;opacity:.6}.empty-state .empty-text{font-size:16px;margin:0 0 8px 0;color:#6b7280}.empty-state .empty-description{font-size:14px;margin:0;color:#9ca3af}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}:deep(.el-dropdown-menu){border-radius:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #f3f4f6;padding:8px 0}:deep(.el-dropdown-menu) .el-dropdown-menu__item{padding:8px 16px;font-size:13px;line-height:1.5;transition:all .2s}:deep(.el-dropdown-menu) .el-dropdown-menu__item:hover{background:rgba(25,118,210,.05);color:#1976d2}:deep(.el-dropdown-menu) .el-dropdown-menu__item i{margin-right:8px;color:#6b7280;width:14px;text-align:center}:deep(.el-dropdown-menu) .el-dropdown-menu__item:hover i{color:#1976d2}:deep(.el-dropdown-menu) .el-dropdown-menu__item.is-divided{border-top:1px solid #fefefe;margin-top:4px;padding-top:12px}.el-menu::-webkit-scrollbar,.sidebar-menu::-webkit-scrollbar{width:0!important;display:none!important}.el-menu,.sidebar-menu{scrollbar-width:none!important;-ms-overflow-style:none!important}