.fav-btn {
  display: none !important;
}

.main-bg {
  background: transparent !important;
}

.gray-bg {
  background: #161a28 !important;
}

.segmented-item.selected .segmented-item-label {
  background: #5173fc !important;
}

.submit-btn {
  background: linear-gradient(98deg, #a570ff 0%, #5173fc 100%) !important;
}

.refresh-btn {
  color: #628796 !important;
  border-radius: 4em !important;
  border-color: #ffffff10 !important;
}

.tasks {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
}

.pagination-btn {
  border-radius: 50% !important;
}

.form-render,
.form-footer,
.task-list,
.task-footer {
  border: 0 !important;
}

.user-panel {
  border-radius: 10px !important;
  user-select: none;
}

.profile_dropdown {
  width: 164px !important;
}

.user-panel:hover {
  background: rgba(99, 102, 241, 0.2);
  border-color: #5173fc !important;
  box-shadow: none !important;
}

.left-panel,
.right-panel {
  display: flex;
  flex-direction: column;
  height: calc(90vh - 4rem) !important;
  overflow: hidden;
}

#app .app {
  padding: 0 !important;
  margin: 0;
}

.bg-\[\#32303f\],
.modal-backdrop .gray-bg {
  background: #262f49 !important;
  border-radius: 0.5rem !important;
}

.google-login-button,
.submit-button {
  margin: 10px 0;
  border-radius: 5rem !important;
}

#email,
#password,
#confirmPassword {
  border-radius: 5rem;
  background: #1b1f34 !important;
}

@media (max-width: 768px) {
  header .user-panel {
    border: 0 !important;
    background: transparent !important;
  }

  header .user-panel svg,
  header .user-panel-info {
    display: none;
  }

  .static {
    padding: 0 !important;
  }
}

.md\:w-full {
  width: 100% !important;
}

.profile_dropdown,
.profile_dropdown button {
  text-align: left !important;
}

.native-swiper-container {
  border: 0 !important;
}