body,html{background-color:#888;height:100%;margin:0;padding:0}body,button,html,input{font-family:Arial;font-size:16px}button{cursor:pointer}div.all{display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.error{color:#c00}div.form{display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr)}div.form label{grid-column:1;place-self:center}div.form button,div.form input,div.form label:has(input){grid-column:2}div.form label:has(input){justify-self:left}div.form button{border:2px solid #000;justify-self:left;padding:5px 10px}div.form>div{display:none}header{background:#eee;border-bottom:1px solid #000;flex:0 0;padding:5px 10px}header>nav{align-items:center;display:flex;gap:10px}header>nav a{background-color:#fff;border:2px solid #000;color:#000;font-family:Arial;font-size:13.333px;padding:5px 10px;text-decoration:none}header>nav .fill{flex:1 0}header>nav .right{margin-left:auto}footer{background:#eee}main{flex:1 0;flex-direction:column;overflow-y:auto;padding:10px}main,main>nav{display:flex;gap:10px}main>nav{flex-wrap:wrap;padding:0 10px}main>nav a,main>nav button{background:#fff;border:2px solid #000;color:#000;display:inline-block;padding:8px 14px;text-decoration:none}main>nav a:hover,main>nav button:hover{background-color:#eee}main>section{background-color:#fff;border:2px solid #000;display:flex;flex-direction:column;gap:10px;margin:0 10px;padding:20px}main>section>*{display:block;margin:0}main>section>nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}main>section>nav>*{background-color:#eee;border:2px solid #000;padding:8px 14px}h1,main>section>nav>:hover{background-color:#fff}h1{font-family:serif;font-size:120%;margin:0;padding:10px 20px}h1,h1 button{border:2px solid #000}h1 button{background:#eee;padding:4px 7px}.otp{font-family:monospace;font-size:24px;place-self:start}.router-link-exact-active{background-color:#af8!important}