*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif}#app,body,html{height:100%}body{background:linear-gradient(135deg,#f5f7fa,#f0f2f5);color:#303133;min-height:100vh}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:24px;margin-bottom:16px}.page-container{padding:24px;min-height:calc(100vh - 60px);background:linear-gradient(135deg,#f5f7fa,#f0f2f5)}.form-container{max-width:800px;margin:0 auto}.btn-group{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.status-tag.pending{color:#e6a23c}.status-tag.approved{color:#67c23a}.status-tag.rejected{color:#f56c6c}.status-tag.completed{color:#909399}.list-item{padding:16px;border-bottom:1px solid #ebeef5;cursor:pointer;transition:background .3s}.list-item:hover{background-color:#f5f7fa}.list-item:last-child{border-bottom:none}.stat-card{background:#fff;border-radius:8px;padding:24px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);cursor:pointer;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.stat-card .stat-value{font-size:32px;font-weight:700;color:#409eff;margin:8px 0}.stat-card .stat-label{font-size:14px;color:#909399}.empty-state{text-align:center;padding:48px;color:#909399}.empty-state .empty-icon{font-size:64px;margin-bottom:16px}.empty-state .empty-text{font-size:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}::-webkit-scrollbar-track{background-color:transparent}:deep(.el-card){border:none;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s ease}:deep(.el-card):hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}:deep(.el-card) .el-card__header{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc,#f5f7fa);padding:20px 24px;font-weight:600}:deep(.el-card) .el-card__body{padding:24px}:deep(.el-table){background:transparent}:deep(.el-table) .el-table__header-wrapper{background:linear-gradient(135deg,#fafbfc,#f5f7fa)}:deep(.el-table) .el-table__body tr{transition:all .2s ease}:deep(.el-table) .el-table__body tr:hover>td{background-color:#f5f7fa!important}:deep(.el-table) th{background:linear-gradient(135deg,#fafbfc,#f5f7fa);font-weight:600;color:#303133}:deep(.el-form) .el-form-item{margin-bottom:20px}:deep(.el-form) .el-input__wrapper{border-radius:6px;transition:all .3s ease}:deep(.el-form) .el-input__wrapper:hover{box-shadow:0 0 0 2px rgba(25,118,210,.1)}:deep(.el-form) .el-select__wrapper{border-radius:6px}:deep(.el-button){border-radius:6px;font-weight:500;transition:all .3s ease}:deep(.el-button).is-plain{border:1px solid #d9d9d9}:deep(.el-button).is-plain:hover{border-color:#1976d2;color:#1976d2;background:rgba(25,118,210,.05)}:deep(.el-pagination){display:flex;justify-content:flex-end;align-items:center;margin-top:24px}:deep(.el-pagination) .btn-next,:deep(.el-pagination) .btn-prev,:deep(.el-pagination) .pager li{border-radius:4px;transition:all .3s ease}:deep(.el-pagination) .btn-next:hover,:deep(.el-pagination) .btn-prev:hover,:deep(.el-pagination) .pager li:hover{color:#1976d2}:deep(.el-pagination) .btn-next.active,:deep(.el-pagination) .btn-prev.active,:deep(.el-pagination) .pager li.active{background:linear-gradient(135deg,#64b5f6,#42a5f5);color:#fff}:deep(.el-tag){border-radius:4px;font-weight:500;transition:all .3s ease}:deep(.el-tag):hover{transform:scale(1.05)}:deep(.el-dialog) .el-dialog__header{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafbfc,#f5f7fa)}:deep(.el-dialog) .el-dialog__body{padding:24px}.search-form{background:#fff;padding:20px 24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.search-form :deep(.el-form-item){margin-bottom:16px}