.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;

  h2 {
    margin: 0;
  }
}

.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}

.quota-info {
  display: flex;
  align-items: center;
  gap: 32px;
}

.quota-details {
  p {
    margin: 0 0 4px 0;
  }

  .quota-remaining {
    color: #666;
    font-size: 13px;
  }
}

.action-section {
  margin-bottom: 16px;
}

.danger-section {
  p {
    color: #666;
    margin-bottom: 16px;
  }
}

.danger-zone {
  border-color: #ff4d4f !important;

  :host ::ng-deep .ant-card-head {
    color: #ff4d4f;
    border-bottom-color: #ff4d4f;
  }

  .danger-warning {
    color: #666;
    margin-bottom: 16px;
  }
}