.history-page { padding: 36px 0 48px; }
.history-page__shell { display: grid; gap: 24px; }
.history-page__hero { display: grid; gap: 12px; padding: 28px 32px; border-radius: 28px; background: linear-gradient(180deg, #fff8f7 0%, #ffffff 100%); border: 1px solid rgba(230, 52, 42, 0.12); box-shadow: 0 18px 48px rgba(18, 24, 40, 0.05); }
.history-page__eyebrow { margin: 0; color: #cf352d; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.history-page__title { margin: 0; color: #202231; font-size: 34px; line-height: 1.1; }
.history-page__meta { margin: 0; color: #667085; font-size: 15px; line-height: 1.6; }
.history-page__empty { padding: 28px; border-radius: 20px; border: 1px dashed #dce2ec; background: #fbfcff; color: #667085; font-size: 15px; }
@media (max-width: 768px) {
  .history-page { padding: 24px 0 28px; }
  .history-page__hero { padding: 20px 16px; border-radius: 24px; }
  .history-page__title { font-size: 28px; }
}