body{margin:0}.layout{display:flex;flex-direction:column;height:100vh}.header{padding:8px;height:64px;border-bottom:1px solid black;position:relative}.layout-env{position:absolute;top:8px;right:8px;background-color:#add8e6;border:1px solid black;padding:8px;border-radius:8px}.footer{padding:8px;height:64px;border-top:1px solid black}.layout-content{flex-grow:1;overflow:auto;background:#fff;padding:8px}.login-page{display:flex;flex-direction:column;justify-content:center}.login-card{display:flex;align-self:center}.login-form{display:flex;flex:1;flex-direction:column;align-self:center}.login-form>div{display:flex;flex-direction:column;margin-bottom:12px}.card{width:fit-content;border:1px solid black;border-radius:5px;padding:20px}