.pie-page {
  padding: 16px;

  &__header { display: flex; align-items: center; margin-bottom: 16px; }
  &__title { font-size: 1.125rem; font-weight: 600; margin: 0; }
  &__loading, &__empty { padding: 32px; text-align: center; color: #6b7280; }
  &__table-wrap { overflow-x: auto; }
}

.pie-table {
  width: 100%;
  border-collapse: collapse;

  th, td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.875rem;
  }

  th { font-weight: 600; background: #f9fafb; }
}

.stat {
  &--green { color: #166534; font-weight: 600; }
  &--amber { color: #854d0e; font-weight: 600; }
  &--red   { color: #991b1b; font-weight: 600; }
}