.manager-panel-chooser {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
}

.manager-panel-chooser__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(5 5 15 / 78%);
  backdrop-filter: blur(5px);
}

.manager-panel-chooser__dialog {
  position: relative;
  width: min(100%, 420px);
  padding: 26px 20px 20px;
  border: 1px solid rgb(168 85 247 / 48%);
  border-radius: 20px;
  background: #171323;
  color: #f5f3ff;
  box-shadow: 0 24px 80px rgb(0 0 0 / 55%);
}

.manager-panel-chooser__dialog h2 {
  margin: 0 32px 8px 0;
  font-size: 1.25rem;
}

.manager-panel-chooser__dialog p {
  margin: 0 0 18px;
  color: #b8b1ca;
  font-size: 0.9rem;
  line-height: 1.45;
}

.manager-panel-chooser__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #c9c3d5;
  font-size: 1.5rem;
  cursor: pointer;
}

.manager-panel-chooser__option {
  display: grid;
  width: 100%;
  gap: 5px;
  margin-top: 10px;
  padding: 15px;
  border: 1px solid rgb(168 85 247 / 45%);
  border-radius: 14px;
  background: rgb(124 58 237 / 12%);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.manager-panel-chooser__option:hover,
.manager-panel-chooser__option:focus-visible {
  border-color: #c084fc;
  outline: none;
  background: rgb(124 58 237 / 24%);
}

.manager-panel-chooser__option strong {
  font-size: 0.98rem;
}

.manager-panel-chooser__option span {
  color: #c2bbd0;
  font-size: 0.82rem;
  line-height: 1.4;
}

.manager-panel-chooser__option--manager {
  border-color: rgb(245 158 11 / 42%);
  background: rgb(245 158 11 / 9%);
}

.manager-panel-chooser__option--manager:hover,
.manager-panel-chooser__option--manager:focus-visible {
  border-color: #fbbf24;
  background: rgb(245 158 11 / 17%);
}