*{margin:0;padding:0;box-sizing:border-box}html,#root{height:100%;font-family:Raleway,sans-serif;font-size:16px}body{height:100%;font-family:sans-serif;color:#baff12}p{margin-bottom:1em}h3{font-size:1em}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.app-header{position:fixed;top:0;left:0;width:100%;padding:2em;color:#fff;display:flex;align-items:center;justify-content:space-between}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#e0e0e0}.form-container div{width:100%}.form-container,.email-popup>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;width:100%;max-width:420px;background-color:#20644f;gap:1em;padding:2em;border-radius:2em;margin:0 auto}.form-group{width:100%;display:flex;position:relative;align-items:center;justify-content:flex-start}.form-group .post-label{position:absolute;color:#0000004d;bottom:.73em;right:0;width:50px}.button-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.form-group label{width:33%!important;flex-shrink:0;font-weight:700}input{width:100%;padding:.75em 1.5em;font-size:1em!important;border:none;background-color:#fff;color:#20644f;height:2.6em;border-radius:2em}button{border-radius:2em;height:2.6em;border:none;background-color:#baff12;color:#20644f;font-size:1em!important;cursor:pointer;padding:.75em}.standard-button{background-color:#baff12;color:#20644f;border:none;height:2.6em;border-radius:2em;padding:.75em 1.5em;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;text-align:center;min-width:120px}.standard-button:hover{background-color:#a8e810}.standard-button:active{transform:scale(.98)}.form-container .standard-button{width:100%}.email-popup{position:fixed;background-color:#000c;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;height:100%;z-index:1000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.email-popup-container{width:100%;max-width:420px;background-color:#20644f;border-radius:2em;box-shadow:0 10px 25px #00000080;overflow:hidden;transform:translateY(0);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.email-popup-header{display:flex;justify-content:space-between;align-items:center;height:2.6em;border-bottom:1px solid rgba(186,255,18,.3);width:100%}.email-popup-header h3{margin:0;color:#baff12;font-size:1.2em}.close{color:#baff12;font-size:1.5em;cursor:pointer;transition:color .2s}.close:hover{color:#fff}.voucher-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.email-popup-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1em;width:100%}.email-popup-buttons{display:flex;justify-content:space-between;gap:1em}.email-popup-buttons .standard-button:first-child{background-color:#e0e0e0;color:#333}.email-popup-buttons .standard-button:first-child:hover{background-color:#d0d0d0}.email-popup-buttons .standard-button{flex:1}.email-error{margin:0;padding:.75em;border-radius:.5em;background-color:#ff00001a;border:1px solid rgba(255,0,0,.3)}.email-success{margin:0;padding:.75em;border-radius:.5em;background-color:#00ff001a;border:1px solid rgba(0,255,0,.3)}.email-loading{text-align:center;padding:1em;color:#baff12}.voucher-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75em;margin-top:1.5em;width:100%}.logout-button{min-width:auto;padding:.5em 1em;font-size:.9em}.voucher-code{font-size:1.5em;font-weight:700;color:#fff;background-color:#baff1233;padding:.5em 1em;border-radius:.5em;margin:.5em 0;text-align:center;letter-spacing:1px;border:1px solid rgba(186,255,18,.5)}.voucher-amount{text-align:center;font-size:1.6em;color:#baff12}.qrcode{margin:1em 0;padding:1em;background-color:#fff;border-radius:1em;box-shadow:0 4px 8px #0000001a;display:inline-block}.print{display:none}@media (max-width: 480px){.app-header{flex-direction:column-reverse;gap:2em}.form-container,.email-popup-container{width:95%;padding:1.5em;border-radius:1.5em}.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:100%!important;margin-bottom:.5em}.voucher-actions{flex-direction:column}.standard-button{width:100%}.email-popup-buttons{flex-direction:column}}@media print{.noprint{visibility:hidden;display:none}.print{color:#000!important;visibility:visible;display:block!important}}