* { box-sizing: border-box; }
body { margin: 0; font-family: "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif; background: #f5f7fa; }

.login-wrap { height: 100vh; display: flex; align-items: center; justify-content: center; background: #eef2f7; }
.login-card { width: 360px; }
.login-title { text-align: center; margin: 0 0 20px; font-size: 18px; color: #1f2d3d; }
.login-hint { margin-top: 14px; font-size: 12px; color: #909399; text-align: center; }

.main { height: 100vh; }
.aside { background: #1f2d3d; color: #fff; }
.brand { height: 56px; line-height: 56px; text-align: center; font-size: 16px; background: #16202c; }
.menu { border-right: none; background: transparent; }
.menu .el-menu-item { color: #c0c4cc; }
.menu .el-menu-item.is-active { background: #2d3f52; color: #fff; }

.header { display: flex; align-items: center; background: #fff; border-bottom: 1px solid #ebeef5; }
.h-title { font-size: 16px; font-weight: 600; }
.h-user { margin-left: auto; margin-right: 12px; color: #606266; font-size: 13px; }
.content { background: #f5f7fa; }
.toolbar { margin-bottom: 12px; display: flex; gap: 12px; }

.kpi { text-align: center; }
.kpi-name { font-size: 13px; color: #909399; }
.kpi-num { font-size: 24px; font-weight: 600; margin: 6px 0; color: #303133; }
.kpi-amt { font-size: 13px; color: #409eff; }
.kpi-sub { font-size: 12px; color: #909399; margin-top: 6px; }
.kpi-all { background: #ecf5ff; }

.detail-actions { margin-top: 16px; display: flex; align-items: center; }