:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background:#fff;background:linear-gradient(180deg,#fff,#7cff7ca1,#007c025e)}a:hover{color:#747bff}button{background-color:#f9f9f9}}.chText{font-family:Ma Shan Zheng,cursive;font-style:normal;margin:0;padding:0;text-decoration:solid}.enText{font-family:Caveat,cursive;font-style:normal;margin:0;padding:0;text-decoration:solid}.logoHeader{font-family:Caveat,cursive;font-optical-sizing:auto;font-weight:900;font-style:normal;margin:0 0 5%;padding:0;text-decoration:solid;background:-webkit-linear-gradient(45deg,#cd6d33,#fbd66c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.titleColumn{width:30%;padding-right:10px;background:-webkit-radial-gradient(ellipse,#e97b37,#b48e23);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.titleColumn>h2{text-align:right}.detailColumn{width:50%}.detailColumn>p{text-align:left;font-size:small}.overallTitle{margin-top:5%;margin-bottom:3%;background:-webkit-radial-gradient(circle,#cd6d33,#fbd66c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.campaign-slideshow{position:relative;width:100%;margin:20px auto;height:300px;overflow:hidden;border-radius:15px;box-shadow:0 10px 20px #0003}.slide{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;transition:opacity 1s ease-in-out}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.slide-content{color:#000;background-color:#c8c8c873}.slide-button{padding:12px 24px;font-size:1rem;color:#fff;background:#007bff;border:none;border-radius:5px;text-decoration:none;transition:background-color .3s ease;cursor:pointer;position:absolute;bottom:25px}.slide-button:hover{background-color:#0056b3}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none;background-color:#0000004d}.next{right:0;border-radius:3px 0 0 3px}.prev{left:0}.prev:hover,.next:hover{background-color:#000c}.qr-root{max-width:420px}.qr-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.qr-select{min-width:180px}.qr-frame-wrapper{width:100%;max-width:360px}.qr-frame{position:relative;width:100%;aspect-ratio:1 / 1;background:#000;border:2px solid #4caf50;border-radius:12px;overflow:hidden}.qr-frame video{width:100%;height:100%;object-fit:cover}.qr-frame canvas{width:100%!important;height:100%!important}.qr-status{margin-top:12px;line-height:1.4}.qr-fallback{margin-top:16px}.qr-fallback input{display:block;margin-top:8px}.admin-operations{width:100%}.admin-operations .homePageBtn{margin-left:5%;margin-right:5%;width:40%}.qr-code-form-container{background-color:#f7f7f7;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center;max-width:400px;margin:2rem auto}.qr-code-form-container h3{color:#333;margin-bottom:1.5rem;font-size:1.5rem}.qr-code-form{display:flex;flex-direction:column;gap:1rem}.qr-code-form label{font-weight:700;color:#555}.quantity-input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;text-align:center}.submit-btn{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.submit-btn:hover{background-color:#0056b3}.qr-code-list-container{padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:90%}.qr-code-list-container h3{text-align:center;color:#333;margin-bottom:2rem}.qr-code-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem;justify-items:center}.qr-code-item{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.token-label{margin-top:.5rem;font-size:.9rem;color:#666;word-break:break-all}.print-btn{background-color:#008cba;color:#fff;border:none;padding:8px 12px;margin-top:1rem;cursor:pointer;border-radius:5px;width:100%;font-size:14px;transition:background-color .3s}.print-btn:hover{background-color:#007ba7}.print-all-btn{display:block;background-color:#4caf50;color:#fff;border:none;padding:10px 15px;margin:0 auto 2rem;cursor:pointer;border-radius:5px;font-size:16px;transition:background-color .3s}.print-all-btn:hover{background-color:#45a049}@media print{.print-btn,.print-all-btn{display:none}.qr-code-item{box-shadow:none;border:none;padding:0}}.printable-area{display:flex;align-items:center;font-weight:700;font-size:x-large}.App{min-height:100vh}.languageSelector{position:absolute;top:10px;right:10px;height:20px;z-index:1}.logoutBtn{position:absolute;top:40px;right:10px;height:30px;z-index:1;border:1px solid;padding:0 1.75em;font-size:small;font-weight:400;font-family:inherit;text-align:center}.titleColumn h2,.detailColumn p{color:#333}.overallTitle{color:#222}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.customer-home{max-width:800px;margin:0 auto;padding:20px;font-family:sans-serif}.profile-header{display:flex;align-items:center;margin-bottom:30px;background-color:#f0f0f0;padding:20px;border-radius:8px}.profile-picture{width:80px;height:80px;border-radius:50%;margin-right:20px;object-fit:cover}.profile-header h1{margin:0;font-size:24px}.profile-header p{margin:0;color:#555}.recent-orders h2{font-size:20px;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:5px}.recent-orders ul{list-style-type:none;padding:0}.recent-orders li{background-color:#fafafa;padding:15px;border-radius:5px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a}.recent-orders p{margin:0 0 5px}.colorfulHomeText{background:-webkit-linear-gradient(90deg,#cd6d33,#fbd66c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homepage-buttons{margin-top:5%;align-items:center;display:flex;flex-direction:column}.homePageBtn{width:50%;margin-bottom:5%;padding:0;background:-webkit-linear-gradient(270deg,#f7925488,#fbd66c88);-webkit-background-clip:content-box;font-size:larger}.homePageBtn p{margin:3%}QrCodeScanner{margin-top:5%;margin-bottom:3%}