:root{--text-color: #333}body{background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);background-repeat:no-repeat;min-height:100vh;background-attachment:fixed;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:var(--text-color);padding:0;width:100%;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-top:0}p{line-height:1.6;margin:0 0 1em}a{color:var(--text-color);text-decoration:none;transition:.3s}a:hover{border-bottom:1px solid var(--text-color)}a:visited{color:var(--text-color)}nav{padding:1rem;display:flex;justify-content:space-between;align-items:center}button,.button{border:2px solid black;background-color:#fff;border-radius:7px;padding:10px 15px;transition:.1s;cursor:pointer;box-shadow:0 2px 0 1px #000}:is(button,.button):disabled{opacity:.9;box-shadow:none;border-color:gray}:is(button,.button):disabled:hover{box-shadow:none;transform:none}:is(button,.button):hover{box-shadow:0 5px 0 2px #000;transform:translateY(-5px)}.hidden{display:none}.container{padding:20px}.container .input-wrapper{margin-bottom:20px}.container .input-wrapper input{padding:10px;font-size:16px;border:2px solid black;border-radius:7px;box-shadow:0 2px 0 1px #000;outline:none;letter-spacing:15px;text-transform:uppercase}.container .input-wrapper input::placeholder{letter-spacing:normal;text-transform:none}.container .buttons-wrapper{display:flex;gap:10px;justify-content:flex-start}.container #qrScanner{max-width:400px;margin:20px 0;border:2px solid black;border-radius:7px}.container #qrScanner video{width:100%;height:auto;border-radius:7px}.container table{width:100%;border-collapse:collapse;margin-top:20px}.container table th{background-color:#fff;padding:15px;text-align:left;border-bottom:2px solid black}.container table td{padding:20px}.container table td button{font-size:.8rem}