.authBrand {
  padding-right: 20px;
}

.authCard {
  position: relative;
  overflow: hidden;
}

.authCard::before {
  content: "";
  position: absolute;
  inset: auto -80px -80px auto;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(230, 75, 57, 0.18), transparent 70%);
  pointer-events: none;
}

.sidebar::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.panel h3 {
  font-size: 20px;
}

@media (max-width: 900px) {
  .brandMiniCards {
    grid-template-columns: 1fr;
  }

  .taskRow,
  .eventItem {
    flex-direction: column;
    align-items: flex-start;
  }
}