.loginpage{min-height:100vh;display:grid;place-items:center;padding:25px;background:#edf0f5}.loginpanel{background:white;border:1px solid #ddd;max-width:520px;width:100%;padding:35px}.loginbrand{display:inline-block;padding:10px 20px;background:#ffe800;font-size:30px;font-weight:700;margin-bottom:25px}.loginpanel h1{line-height:1.4}.loginpanel form{display:grid;gap:17px}.loginpanel label{display:grid;gap:8px;font-size:15px}.loginpanel input,.securitybody input{padding:12px;border:1px solid #bbb;width:100%;font:inherit}.loginpanel p{color:#666}.loginpanel #loginerror,#pwerror,#usererror{color:#a21c1c;white-space:pre-wrap}.account{font-size:14px}.logout{color:inherit;text-decoration:underline}.permissiongrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.permissiongrid label{display:flex;align-items:center;gap:9px}.permissiongrid input{width:18px;height:18px}.securitybody{padding:25px;max-width:750px;line-height:1.7}.securitybody form{display:grid;gap:15px;margin-top:20px}.secret{display:block;overflow-wrap:anywhere;white-space:pre-wrap;background:#f2f4f7;border:1px solid #ddd;padding:16px;font-size:17px}.sidebar{overflow-y:auto}.nav button{padding-top:11px;padding-bottom:11px}.sidefoot{margin-top:25px}@media(max-width:700px){.permissiongrid{grid-template-columns:1fr}.loginpanel{padding:23px}.account{font-size:13px}.sidebar{overflow:visible}.sidefoot{display:none}}