/* how-dashboard-operations.css — 运营仪表盘页样式 */

.dashboard-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.dashboard-tabs__btn { padding: 6px 16px; border: 1px solid #E5E5EA; border-radius: 6px; background: #FFFFFF; color: #666666; cursor: pointer; font-size: 14px; }
.dashboard-tabs__btn--active { background: #007AFF; color: #FFFFFF; border-color: #007AFF; }
.dashboard-range { display: flex; gap: 8px; margin-bottom: 16px; }
.dashboard-range__btn { padding: 4px 12px; border: 1px solid #E5E5EA; border-radius: 4px; background: #FFFFFF; color: #666666; cursor: pointer; font-size: 13px; }
.dashboard-range__btn--active { background: #F5F5F7; color: #007AFF; border-color: #007AFF; }
.dashboard-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.dashboard-card { background: #FFFFFF; border: 1px solid #E5E5EA; border-radius: 8px; padding: 16px; }
.dashboard-card__name { font-size: 13px; color: #9E9E9E; margin-bottom: 8px; }
.dashboard-card__value { font-size: 24px; font-weight: 700; color: #333333; }
.dashboard-card__chain { font-size: 13px; margin-top: 4px; }