.home-page{min-height:calc(100vh - 105px);max-height:calc(100vh - 105px);padding:16px;background:#f8f9fa;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.home-page :deep(.el-row){align-items:stretch}.main-card,.metric-card,.side-card{background:#fff}.main-card,.side-card{height:100%}.main-card :deep(.el-card__body),.side-card :deep(.el-card__body){height:100%;box-sizing:border-box}.main-space,.metric-row-wrap{width:100%}.metric-col,.side-col{display:flex}.metric-col :deep(.el-card),.side-col :deep(.el-card){width:100%;height:100%}.metric-card :deep(.el-card__body){height:100%;box-sizing:border-box;display:flex;align-items:center}.period-select-wrap{display:flex;align-items:center;gap:8px;justify-content:flex-end}.period-select{width:100px}.reload-button{width:32px;height:32px;border-color:#dcdfe6;color:#606266;background:#fff}.reload-button:hover{color:#409eff;border-color:#c6e2ff;background:#ecf5ff}.period-select :deep(.el-input__wrapper){border-radius:4px;box-shadow:inset 0 0 0 1px #dcdfe6;background:#fff}.period-select :deep(.el-input__inner){text-align:center}.side-card :deep(.el-card__body){height:100%;box-sizing:border-box;display:block}.card-content{display:flex;align-items:center;width:100%;gap:14px}.card-icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;flex:none}.side-card-icon{width:46px;height:46px}.card-text{justify-content:center;gap:6px;min-width:0}.card-text,.side-card-content{display:flex;flex-direction:column}.side-card-content{justify-content:space-between;gap:12px;width:100%;height:100%}.side-card-main{flex:1;align-items:center}.approval-split-card :deep(.el-card__body){padding:0}.approval-action-list{display:flex;flex-direction:column;height:100%}.approval-action-item{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:0;padding:0 22px;cursor:pointer;transition:background-color .2s ease}.approval-action-title{display:flex;align-items:center;gap:10px;min-width:0}.approval-action-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;flex:none}.approval-action-item+.approval-action-item{border-top:1px solid #ebeef5}.approval-action-item:hover{background:#f5f9ff}.side-card-desc{display:block;line-height:1.6;text-align:left;align-self:flex-start}.chart-row{margin-top:16px}.chart-col,.shortcut-col{display:flex}.team-chart-row{margin-top:16px}.team-chart-col{display:flex}.chart-card{background:#fff}.chart-card :deep(.el-card__body),.shortcut-card :deep(.el-card__body){box-sizing:border-box;padding:20px 24px 24px}.chart-card-header,.shortcut-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.chart-card,.shortcut-card{width:100%}.team-chart-card{width:100%;background:#fff}.chart-container{width:100%;min-height:420px}.task-chart{width:100%;height:420px}.shortcut-list{display:flex;flex-direction:column;gap:14px}.shortcut-item{display:flex;align-items:center;gap:14px;padding:16px 14px;border:1px solid #ebeef5;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f9fc);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.shortcut-item:hover{transform:translateY(-2px);border-color:#dbe4f0;box-shadow:0 10px 20px rgba(31,41,55,.08)}.shortcut-icon-wrap{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#eef4ff;flex:none}.shortcut-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.shortcut-text{display:flex;flex-direction:column;gap:6px;min-width:0}.shortcut-text :deep(.el-text){text-align:left}.team-chart-card :deep(.el-card__body){box-sizing:border-box;padding:20px 24px 24px}.team-chart-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.team-chart-container{width:100%;min-height:360px}.team-task-chart{width:100%;height:360px}@media (max-width:768px){.chart-card :deep(.el-card__body),.shortcut-card :deep(.el-card__body),.team-chart-card :deep(.el-card__body){padding:16px}.chart-card-header,.shortcut-card-header,.team-chart-header{flex-direction:column;align-items:stretch}.chart-container,.task-chart{min-height:340px;height:340px}.team-chart-container,.team-task-chart{min-height:320px;height:320px}}