#app-root{width:100%;height:100vh;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary:#2c6fce;--color-primary-light:#4d8fe8;--color-primary-dark:#1a4fa0;--color-primary-bg:#e8f1fc;--color-primary-gradient:linear-gradient(135deg,#1a4fa0,#2c6fce,#4d8fe8);--color-white:#fff;--color-bg-primary:#f0f2f5;--color-bg-card:#fff;--color-border:#e4e7ed;--color-border-light:#ebeef5;--color-text-primary:#303133;--color-text-regular:#606266;--color-text-secondary:#909399;--color-text-placeholder:#c0c4cc;--color-success:#67c23a;--color-warning:#e6a23c;--color-danger:#f56c6c;--color-info:#909399;--sidebar-bg:#1e293b;--sidebar-text:#c8d6e5;--sidebar-text-active:#fff;--sidebar-item-active:#3a5a8c;--sidebar-item-hover:hsla(0,0%,100%,.08);--sidebar-width:220px;--header-height:60px;--content-padding:24px;--card-border-radius:8px;--card-shadow:0 2px 12px rgba(0,0,0,.08);--font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased}.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-link.el-link--primary{--el-link-text-color:var(--color-primary)}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--color-primary) inset!important}.el-select-dropdown__item.selected{color:var(--color-primary)}.el-pagination .el-pager li.is-active{background-color:var(--color-primary)}.el-table__body tr.current-row>td{background-color:var(--color-primary-bg)!important}.el-dialog__header{border-bottom:1px solid var(--color-border-light);padding:16px 20px}.el-dialog__body{padding:20px}.page-container{padding:var(--content-padding);height:100%;overflow-y:auto}.page-card{background:var(--color-bg-card);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:20px;margin-bottom:16px}.page-card__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center}.page-card__title:before{content:"";display:inline-block;width:4px;height:18px;background-color:var(--color-primary);margin-right:10px;border-radius:2px}.search-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.search-form .el-form-item{margin-bottom:0}.table-actions{display:flex;gap:8px;justify-content:center}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-white);flex-shrink:0}.stat-card__icon--blue{background:linear-gradient(135deg,#2c6fce,#4d8fe8)}.stat-card__icon--green{background:linear-gradient(135deg,#52b788,#67c23a)}.stat-card__icon--orange{background:linear-gradient(135deg,#f0a04b,#e6a23c)}.stat-card__icon--purple{background:linear-gradient(135deg,#7b2d8e,#9b59b6)}.stat-card__value{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text-primary)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.chart-container{width:100%;height:350px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-placeholder)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}