.account-admin-links {
  display: grid;
  gap: 7px;
  margin: 0 0 9px;
  padding: 0 0 9px;
  border-bottom: 1px solid #263c5c;
}
.account-profile-group{margin:0 0 9px}
.account-profile-group a,.account-profile-group button{display:block;padding:9px 10px;border:1px solid #2f496d;border-radius:9px;background:#0c1a31;color:#eef3fb;text-decoration:none;font:inherit;text-align:left;cursor:pointer}
.account-profile-group .account-admin-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px}
.account-profile-group .account-admin-group-content{padding-left:10px}
.account-profile-group a:hover,.account-profile-group button:hover{filter:brightness(1.15)}
.notification-count,.account-notification-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#cf635b;color:#fff;font-size:11px;font-weight:800;line-height:1}
.notification-count{margin-left:8px}
.account-notification-badge{position:absolute;top:-5px;right:-4px;pointer-events:none;border:1px solid #07182d}
.notification-count[hidden],.account-notification-badge[hidden]{display:none}

.account-menu {
  width: min(270px, calc(100vw - 32px));
  max-height: min(calc(100vh - 84px), 640px);
  overflow-y: auto;
}

.account-admin-links[hidden] {
  display: none;
}

.account-admin-links a,
.account-admin-links button {
  display: block;
  padding: 9px 10px;
  border: 1px solid #2f496d;
  border-radius: 9px;
  background: #0c1a31;
  color: #eef3fb;
  text-decoration: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.account-admin-group {
  display: grid;
  gap: 7px;
}

.account-admin-group-content {
  display: grid;
  gap: 7px;
  padding: 0 0 3px;
}

.account-admin-group-content[hidden] {
  display: none;
}

.account-admin-links .account-admin-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-color: #385573;
  background: #142a40;
  color: #b9c8da;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.account-admin-toggle i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-2px,-2px);
  transition: transform .16s ease;
}

.account-admin-toggle[aria-expanded="true"] i {
  transform: rotate(225deg) translate(-2px,-2px);
}

.account-admin-group:first-child .account-admin-group-content a:first-child {
  border-color: #6544ee;
  background: linear-gradient(135deg, #3538d4, #6727e9);
}

.account-admin-links a:hover,
.account-admin-links button:hover {
  filter: brightness(1.15);
}

.users-dialog{width:min(520px,calc(100vw - 28px));max-height:80vh;overflow:auto}
.users-list{display:grid;gap:8px}
.users-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #36526f;border-radius:10px;background:#12283e}
.users-row strong{overflow-wrap:anywhere}
.users-row button,.users-confirm button{padding:8px 12px;border:1px solid #b96860;border-radius:8px;background:#402c37;color:#fff;font:inherit;cursor:pointer}
.users-confirm{display:grid;gap:10px;margin:0 0 8px;padding:14px;border:1px solid #b96860;border-radius:10px;background:#1b283a}
.users-confirm p{margin:0;color:#f5e5e2}
.users-confirm input{width:100%;padding:10px;border:1px solid #54708d;border-radius:8px;background:#071a2c;color:#fff;font:inherit}
.users-confirm-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.users-confirm button[type="submit"]{background:#9b4244}
.users-confirm button:disabled{opacity:.5;cursor:wait}

@media (min-width:900px) and (max-height:700px) {
  .account-menu {
    max-height: calc(100vh - 58px);
    padding: 10px;
  }
  .account-admin-links {
    gap: 5px;
    margin-bottom: 6px;
    padding-bottom: 6px;
  }
  .account-admin-group,
  .account-admin-group-content {
    gap: 5px;
  }
  .account-admin-links a,
  .account-admin-links button {
    padding: 7px 9px;
  }
}