.login-screen{position:fixed;z-index:100;inset:0;background:#f6f7f6;display:grid;place-items:center;padding:20px}.login-screen[hidden]{display:none}.login-card{width:min(410px,100%);background:#fff;border:1px solid #e3e7e4;border-radius:7px;padding:34px 38px;box-shadow:0 18px 48px rgba(34,63,46,.08)}.login-card .logo{margin-bottom:30px}.login-card>p{color:#20ae61;text-transform:uppercase;font-size:10px;font-weight:700;margin:0 0 7px}.login-card h1{font-size:24px;margin-bottom:23px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px;color:#6e7771;font-size:11px}.login-card input{border:1px solid #dfe4e1;border-radius:5px;padding:10px;font:inherit}.login-card button{height:38px}.login-card>small{display:block;color:#959c98;font-size:9px;margin-top:24px;line-height:1.5}.login-error{min-height:16px;color:#c44848;font-size:10px}.demo-banner{position:fixed;z-index:80;top:0;left:216px;right:0;background:#fff1d8;color:#94610b;border-bottom:1px solid #ecd49f;text-align:center;padding:7px;font-size:10px}.demo-banner:not([hidden])~.app .topbar{top:29px}.demo-banner:not([hidden])~.app main{padding-top:53px}.logout-button{border:0;background:#eef8f2;color:#168d4d;border-radius:5px;padding:7px 10px;margin-left:7px;font-size:10px}@media(max-width:760px){.demo-banner{left:0}.login-card{padding:28px 24px}}
[hidden]{display:none!important}