.auth-dialog{width:min(420px,90vw);padding:32px;border:1px solid #3c3e42;border-radius:16px;background:#1b1c1f;color:#e9e8e4;box-shadow:0 24px 100px #0009;font-family:inherit}.auth-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.auth-dialog form{display:flex;flex-direction:column;gap:15px}.auth-dialog small{color:#b4a688;letter-spacing:2px;font-size:10px}.auth-dialog h2{font-size:23px;margin:0}.auth-dialog p{font-size:13px;line-height:1.6;color:#aaa;margin:0}.auth-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px}.auth-dialog input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #45464a;border-radius:6px;background:#111214;color:#eee}.auth-dialog button{padding:11px;cursor:pointer}.auth-dialog .auth-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#aaa;font-size:22px}.auth-dialog .auth-message{min-height:20px;color:#c7b99b}.auth-dialog [hidden]{display:none!important}
.auth-code{border:0;margin:0;padding:0;min-width:0}.auth-code legend{font-size:12px;color:#c7c1b8;margin-bottom:10px}.otp-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.auth-dialog .otp-slots input{padding:12px 0;text-align:center;font-size:25px;font-weight:600;min-width:0;border-radius:8px;caret-color:#e7a474}.auth-dialog .otp-slots input:focus{border-color:#e7a474;outline:2px solid #e7a47455;outline-offset:1px}.auth-dialog p.otp-help{font-size:11px;margin-top:10px;color:#a8a29d}#account{display:flex;align-items:center;gap:8px;max-width:220px}#account img{width:26px;height:26px;border-radius:50%;object-fit:cover}#account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:500px){.otp-slots{gap:5px}.auth-dialog .otp-slots input{font-size:22px}#account{max-width:160px}}

.account-role{border:1px solid #444;border-radius:8px;margin:16px 0;padding:12px}.account-role label{display:block;margin:12px 0}.account-role input{width:auto}.account-role small{display:block;margin-left:22px;color:#aaa}

.auth-dialog{max-height:90dvh;overflow:auto}.account-details>label{display:grid;gap:7px}.account-details .help{font-size:11px;line-height:1.5;margin:8px 0 16px;color:#aaa}.account-details select{width:100%}.account-role small{letter-spacing:0}
.auth-dialog .account-role label{display:grid;grid-template-columns:16px 1fr;column-gap:8px;row-gap:3px;align-items:center;margin:10px 0}.auth-dialog .account-role input{width:auto;margin:0;padding:0}.auth-dialog .account-role small{grid-column:2;margin:0}.auth-dialog .auth-message:empty{display:none}.auth-dialog:has(.account-details:not([hidden])){padding:26px}.auth-dialog:has(.account-details:not([hidden])) form{gap:12px}