html,body,#root{background:#f3f6fa;width:100%;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-page{background:#f3f6fa;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:420px;padding:28px;box-shadow:0 8px 24px #4f83e61f}.login-card h2{margin:0 0 8px}.login-card p{color:#6f7d92;margin:0 0 18px}.logo{text-align:center;height:56px;font-size:18px;font-weight:600;line-height:56px}.top-header{justify-content:flex-end;display:flex;background:#fff!important}.content{padding:20px}.toolbar{margin-bottom:12px}.home-config-wrap{width:100%}.home-config-card{box-shadow:none;background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.home-config-tabs{margin-bottom:12px}.academy-section{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:12px}.dashboard-overview{background:#f3f6fa;min-height:calc(100vh - 64px);margin:-20px;padding:20px}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.dashboard-header h2{color:#1f2d3d;margin:0;font-size:22px;font-weight:600}.dashboard-updated{color:#8c9aad;margin:6px 0 0;font-size:13px}.dashboard-kpi-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.dashboard-kpi-card{background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 2px 8px #1f2d3d0f}.dashboard-kpi-title{color:#6f7d92;margin-bottom:8px;font-size:13px}.dashboard-kpi-value{font-size:26px;font-weight:600;line-height:1.2}.dashboard-kpi-value.money{color:#e74c3c}.dashboard-kpi-value.default{color:#1f2d3d}.dashboard-kpi-compare{color:#8c9aad;margin-top:8px;font-size:12px}.dashboard-kpi-compare.up{color:#52c41a}.dashboard-kpi-compare.down{color:#ff4d4f}.dashboard-mid-row,.dashboard-bottom-row{gap:12px;margin-bottom:12px;display:grid}.dashboard-mid-row{grid-template-columns:1.45fr 1fr}.dashboard-bottom-row{grid-template-columns:1fr 1fr}.dashboard-panel{background:#fff;border-radius:10px;min-height:280px;padding:16px 18px;box-shadow:0 2px 8px #1f2d3d0f}.dashboard-panel-title{color:#1f2d3d;margin-bottom:14px;font-size:15px;font-weight:600}.dashboard-chart-legend{color:#6f7d92;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.dashboard-legend-dot{border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.dashboard-trend-chart{align-items:flex-end;gap:8px;height:220px;padding:0 4px 24px;display:flex;position:relative}.dashboard-trend-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.dashboard-trend-bar-wrap{justify-content:center;align-items:flex-end;width:100%;max-width:36px;height:160px;display:flex}.dashboard-trend-bar{background:linear-gradient(#5b8ff9 0%,#3d76dd 100%);border-radius:4px 4px 0 0;width:70%;min-height:2px;transition:height .3s}.dashboard-trend-line-svg{pointer-events:none;height:160px;position:absolute;top:8px;left:0;right:0}.dashboard-trend-day{color:#8c9aad;margin-top:8px;font-size:12px}.dashboard-donut-wrap{align-items:center;gap:20px;min-height:220px;display:flex}.dashboard-donut-svg{flex-shrink:0}.dashboard-donut-center{fill:#6f7d92;font-size:12px}.dashboard-donut-center-value{fill:#e74c3c;font-size:18px;font-weight:600}.dashboard-donut-legend{flex:1}.dashboard-donut-legend-item{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.dashboard-donut-legend-left{color:#4a5b6c;align-items:center;gap:8px;display:flex}.dashboard-donut-legend-color{border-radius:50%;width:10px;height:10px}.dashboard-rank-list{margin:0;padding:0;list-style:none}.dashboard-rank-item{border-bottom:1px solid #f0f3f7;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:grid}.dashboard-rank-item:last-child{border-bottom:none}.dashboard-rank-index{color:#1677ff;background:#f0f5ff;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:flex}.dashboard-rank-index.top{color:#e74c3c;background:#fff1f0}.dashboard-rank-name{color:#1f2d3d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-rank-meta{color:#8c9aad;white-space:nowrap}.dashboard-rank-amount{color:#e74c3c;white-space:nowrap;font-weight:600}.dashboard-task-list{margin:0;padding:0;list-style:none}.dashboard-task-item{cursor:pointer;border-bottom:1px solid #f0f3f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.dashboard-task-item:last-child{border-bottom:none}.dashboard-task-item:hover .dashboard-task-title{color:#1677ff}.dashboard-task-title{color:#1f2d3d;font-size:13px;transition:color .2s}.dashboard-task-meta{color:#8c9aad;white-space:nowrap;font-size:12px}.dashboard-empty{text-align:center;color:#8c9aad;padding:40px 0;font-size:13px}@media (width<=1200px){.dashboard-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-mid-row,.dashboard-bottom-row{grid-template-columns:1fr}}