.app{max-width:1200px;margin:0 auto;padding:20px}.navbar{display:flex;margin-bottom:calc(var(--gutter) * 2);flex-wrap:wrap}.navbar a,button{text-decoration:none;color:#333;padding:.25em .75em;border-radius:4px}.navbar a:hover,button:hover{background:#e0e0e0}.navbar a.router-link-active{color:var(--primary-color);background:var(--primary-color-light)}button{margin-left:auto;border:none;cursor:pointer}button.logout-button{font-size:.8em;color:var(--red-color);background:transparent}button.logout-button:hover{background:var(--red-color);color:#fff}:root{--primary-color: #046fb8;--primary-color-light: #d2e2ee;--text-color: #2c3e50;--link-color: var(--primary-color);--border-color: #ddd;--background-color: #f5f5f5;--background-color: #dee9ee;--green-color: #4fb587;--green-color-light: #c4e5d6;--completed-color: var(--green-color);--red-color: #e57373;--pending-color: var(--red-color);--gutter: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;padding-bottom:6em}footer{position:fixed;left:0;right:0;bottom:0;z-index:-10;height:80vh;display:flex;align-items:flex-end;justify-content:center;padding:1em;text-align:center;font-size:.8em;color:var(--text-color);--text-color: white;--link-color: white;background:url(/assets/logo/Background\ Wave.svg);background-repeat:repeat-x;background-position:left bottom;background-size:50em}.copy a{text-decoration:none}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;line-height:1.2}h1{font-size:1.75em}a{color:var(--link-color)}button{cursor:pointer;font-family:inherit}input,button{font-size:1rem}.logo{display:block;margin:0 auto 20px;width:96px;height:96px}.page-title{display:flex;justify-content:center;align-items:center;gap:var(--gutter);margin-bottom:2em}.page-title .logo{margin:0;width:48px;height:48px}.page-title h1{margin-bottom:0}