@charset "UTF-8";#app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微軟正黑體,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa}.layout{display:flex;min-height:100vh}.layout-sidebar{width:240px;background-color:#304156;transition:width .3s}.layout-sidebar.collapsed{width:64px}.layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.layout-header{height:60px;background-color:#fff;box-shadow:0 1px 4px #00152914;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.layout-content{flex:1;padding:20px;overflow-y:auto}.page-card{background:#fff;border-radius:4px;padding:20px;margin-bottom:20px}.page-table{margin-top:16px}.page-pagination{margin-top:16px;display:flex;justify-content:flex-end}.search-form .el-form-item{margin-bottom:16px}.button-group{display:flex;gap:8px}.status-tag.active{--el-tag-bg-color: #e1f3d8;--el-tag-text-color: #67c23a}.status-tag.inactive{--el-tag-bg-color: #f4f4f5;--el-tag-text-color: #909399}.status-tag.pending{--el-tag-bg-color: #fdf6ec;--el-tag-text-color: #e6a23c}.status-tag.error{--el-tag-bg-color: #fef0f0;--el-tag-text-color: #f56c6c}.stat-card{background:#fff;border-radius:4px;padding:20px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#303133}.stat-card .stat-label{font-size:14px;color:#909399;margin-top:8px}.stat-card .stat-trend{font-size:12px;margin-top:8px}.stat-card .stat-trend.up{color:#67c23a}.stat-card .stat-trend.down{color:#f56c6c}