/* 统计卡片（对应 white_red dashboard 卡片）*/
.card {
  background: var(--c-surface-lowest);
  border: 1px solid var(--c-outline-var);
  border-radius: var(--r-xl); padding: var(--sp-md);
  box-shadow: var(--shadow-sm);
  transition: border-color .25s var(--ease), transform .25s var(--ease);
}
.card:hover { border-color: var(--c-primary); transform: translateY(-2px); }

.card__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: var(--sp-sm); }
.card__icon {
  width: 38px; height: 38px; display: grid; place-items: center;
  border-radius: var(--r-lg); background: var(--c-surface-container); color: var(--c-primary);
  font-size: 18px;
}
.card__icon--danger { color: var(--c-error); }
.card__label { font-size: var(--fs-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--c-on-surface-var); }
.card__value { font-size: 28px; font-weight: 800; letter-spacing: -.01em; }

.card__bar { margin-top: var(--sp-md); height: 4px; border-radius: var(--r-full); background: var(--c-surface-container); overflow: hidden; }
.card__bar > i { display: block; height: 100%; background: var(--c-primary-container); }
.card__bar--danger > i { background: var(--c-error); }

/* 通用面板 */
.panel {
  background: var(--c-surface-lowest);
  border: 1px solid var(--c-outline-var);
  border-radius: var(--r-xl); box-shadow: var(--shadow-sm); overflow: hidden;
}
.panel__head { display: flex; align-items: center; justify-content: space-between; padding: var(--sp-md) var(--sp-lg); border-bottom: 1px solid var(--c-outline-var); }
.panel__body { padding: var(--sp-lg); }