.dashboard-container{padding:16px;background-color:#f5f7fa;min-height:calc(100vh - 64px);overflow-y:visible}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.dashboard-error{padding:20px}.retry-btn{padding:6px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.retry-btn:hover{background-color:#096dd9}.kpi-row{margin-bottom:16px}.kpi-card{height:100%;border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border-left:4px solid transparent}.kpi-card .ant-card-body{padding:20px}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.kpi-orders{border-left-color:#1890ff}.kpi-inventory{border-left-color:#52c41a}.kpi-revenue{border-left-color:#faad14}.kpi-reconciliation{border-left-color:#f5222d}.kpi-card .ant-statistic-title{font-size:14px;color:#8c8c8c;margin-bottom:8px}.kpi-card .ant-statistic-content{font-size:26px;font-weight:600;color:#1a2530}.kpi-sub{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.kpi-sub .ant-tag{margin:0;font-size:12px}.chart-row{margin-bottom:16px}.chart-card{height:100%;border-radius:8px;box-shadow:0 2px 8px #0000000f}.chart-card .ant-card-body{padding:16px}.chart-card .ant-card-head{border-bottom:1px solid #f0f0f0}.chart-card .ant-card-head-title{font-size:16px;font-weight:600;color:#1a2530}.detail-row{margin-bottom:16px}.detail-card{height:100%;border-radius:8px;box-shadow:0 2px 8px #0000000f}.detail-card .ant-card-body{padding:16px}.detail-card .ant-card-head-title{font-size:16px;font-weight:600;color:#1a2530}.empty-state{text-align:center;padding:40px 20px;color:#52c41a;font-size:16px}.warning-list{max-height:280px;overflow-y:auto}.warning-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #f0f0f0;transition:background-color .3s}.warning-item:hover{background-color:#fafafa}.warning-item:last-child{border-bottom:none}.warning-info{flex:1}.warning-info strong{display:block;font-size:14px;color:#1a2530;margin-bottom:4px}.warning-info .spec{font-size:12px;color:#8c8c8c}.warning-values{display:flex;gap:8px;flex-shrink:0}.warning-values .ant-tag{margin:0}.finance-item{text-align:center;padding:14px;background-color:#fafafa;border-radius:6px}.finance-label{font-size:13px;color:#8c8c8c;margin-bottom:8px}.finance-value{font-size:19px;font-weight:600}.finance-value.success{color:#52c41a}.finance-value.warning{color:#faad14}.finance-value.info{color:#1890ff}.finance-summary{display:flex;gap:8px;justify-content:center;margin-top:8px}.finance-summary .ant-tag{margin:0}.refresh-container{display:flex;justify-content:center;margin-top:16px;padding-bottom:12px}.refresh-btn{padding:10px 24px;background-color:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1890ff4d}.refresh-btn:hover{background-color:#096dd9;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.refresh-btn:active{transform:translateY(0)}@media (max-width: 1200px){.dashboard-container{padding:16px}.kpi-card .ant-statistic-content{font-size:24px}}@media (max-width: 768px){.dashboard-container{padding:12px}.kpi-row,.chart-row,.detail-row,.kpi-card,.chart-card,.detail-card{margin-bottom:12px}.warning-item{flex-direction:column;align-items:flex-start;gap:8px}.warning-values{width:100%;justify-content:flex-start}.finance-item{margin-bottom:12px}}@media (max-width: 576px){.kpi-card .ant-statistic-content{font-size:20px}.kpi-sub{flex-direction:column}.finance-value{font-size:16px}}.warning-list::-webkit-scrollbar{width:6px}.warning-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.warning-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.warning-list::-webkit-scrollbar-thumb:hover{background:#bfbfbf}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container>*{animation:fadeIn .5s ease-out}.kpi-row{animation-delay:.1s}.chart-row:nth-child(2){animation-delay:.2s}.chart-row:nth-child(3){animation-delay:.3s}.detail-row{animation-delay:.4s}