.login-body{display:grid;min-height:100vh;place-items:center;background:#edf3f5;padding:28px}.login-card{width:min(100%,490px);padding:36px;background:white;border:1px solid #d8e3e9;border-radius:20px;box-shadow:0 18px 60px #19374710}.login-logo{width:190px;max-height:80px;object-fit:contain;margin-bottom:24px}.login-card h1{font-size:27px;margin:12px 0}.login-card form{display:grid;gap:18px;margin:24px 0}.login-card form[hidden]{display:none}.login-card label{display:grid;gap:7px}.login-card input{width:100%}.login-card details{font-size:13px;line-height:1.6;color:#526976}.login-card #loginError,.account-error{color:#a52630}.account-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-top span{font-size:12px;color:#526976}.account-users{margin-top:22px}.account-users td{vertical-align:middle}.temporary-secret{font-family:ui-monospace,monospace;font-size:21px;letter-spacing:1px;background:#eef6f6;padding:14px;border:1px solid #b6d6d5;border-radius:8px;overflow-wrap:anywhere;user-select:all}.account-dialog{max-width:700px;width:calc(100% - 32px)}.account-dialog label{display:grid;gap:6px;margin:14px 0}.account-user-actions{display:flex;gap:6px;flex-wrap:wrap}.login-card [hidden]{display:none}
.login-card{margin:0}.account-dialog .table-scroll{overflow-x:auto}.account-dialog table{width:100%;border-collapse:collapse;margin-top:18px}.account-dialog th,.account-dialog td{text-align:left;padding:12px 8px;border-bottom:1px solid #e2e9e9}.account-dialog th{font-size:11px;color:#637880}@media(max-width:650px){.topbar{height:auto;min-height:60px;gap:10px;flex-wrap:wrap;padding:12px}.account-top{flex:0 0 auto}.login-body{padding:16px}.login-card{padding:26px}}

.topbar{gap:16px}.topbar #connectionLabel{margin-left:auto}.account-top{flex:0 0 auto;justify-content:flex-end}.sign-out{display:inline-flex;align-items:center;gap:6px;background:#fff;border-color:#e2e9ef;color:#697f92;font-weight:400}.sign-out svg{flex-shrink:0}.account-top .sign-out span{color:inherit}@media(max-width:650px){.topbar #connectionLabel{display:none}.account-top{margin-left:auto}}