.dash-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px }
.dash-card {
  background: var(--color-navy-light); border: 1px solid rgba(196,163,90,.3); border-radius: 14px;
  padding: 20px 22px; text-decoration: none; color: inherit; display: block; transition: border-color .15s;
}
.dash-card:hover { border-color: var(--color-gold) }
.dash-card .label { font-size: 12.5px; color: var(--text-70); margin-bottom: 8px }
.dash-card .value { font-size: 16px; font-weight: 700; margin-bottom: 6px }
.dash-card .sub { font-size: 12.5px; color: var(--text-70) }
.dash-card .bar { height: 6px; border-radius: 999px; background: var(--color-navy-dark); overflow: hidden; margin-top: 10px }
.dash-card .bar-fill { height: 100%; background: var(--color-gold) }
.dash-card.locked { opacity: .6 }