#admin { max-width: 1500px; margin-inline: auto; }
.management-tabs { flex-wrap: wrap; gap: 8px; }
.management-tabs button { padding: 10px 16px; border: 1px solid transparent; border-radius: 6px; transition: background .18s, border-color .18s; }
.management-tabs button:hover { background: #19171c; }
.management-tabs button.selected { background: #221e29; border-color: #41384d; color: var(--text); }
.key-tools { display: flex; gap: 24px; align-items: center; justify-content: space-between; margin: 0 0 24px; padding: 18px 22px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.key-tools label { margin: 0; min-width: 210px; }
.key-tools p { margin: 0 0 4px; max-width: 530px; }
#admin td button { color: var(--text) !important; }
#admin td small { display: block; margin-top: 5px; color: var(--muted); }
#admin td { overflow-wrap: anywhere; }
#manage-user { width: min(590px, calc(100vw - 32px)); }
#managed-email { overflow-wrap: anywhere; font-size: 20px; }
#manage-user .tabs { margin-bottom: 24px; }
#manage-user form > button { margin-top: 12px; }
#manage-user .danger { color: var(--bad); border-color: #593332; }
#confirm-description { white-space: pre-line; line-height: 1.7; }
dialog[open] { animation: admin-enter .18s ease-out; }
@keyframes admin-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 700px) { .key-tools { align-items: stretch; flex-direction: column; gap: 8px; } .management-tabs { gap: 4px; } .management-tabs button { padding: 8px 10px; } }
@media (prefers-reduced-motion: reduce) { dialog[open] { animation: none; } .management-tabs button { transition: none; } }