.login-gate{position:fixed;inset:0;background:#12372a;z-index:100;display:grid;place-items:center;padding:20px}.login-gate[hidden]{display:none}.login-card{width:min(420px,100%);background:white;border-radius:18px;padding:32px;box-shadow:0 30px 80px #0005}.login-card h1{margin:8px 0}.login-card input{width:100%;padding:12px;border:1px solid #d7e0da;border-radius:9px;margin:7px 0}.login-card button{width:100%;border:0;border-radius:9px;padding:12px;background:#167a53;color:white;font-weight:800;margin-top:10px;cursor:pointer}.login-error{color:#b3261e;min-height:20px}.logout{position:fixed;right:20px;top:18px;z-index:5;border:1px solid #dfe6df;background:white;padding:7px 10px;border-radius:8px;cursor:pointer}