:root{--navy-900:#0f2a3d;--navy-800:#143247;--navy-700:#1b3a4b;--navy-600:#23506a;--teal:#00a67e;--teal-dark:#008b6a;--teal-soft:#e3f5ef;--green:#2ecc71;--amber:#f5a623;--amber-dark:#8a5a00;--amber-soft:#fff4e0;--red:#e74c3c;--red-dark:#b03a2e;--red-soft:#fdecea;--ink:#12212c;--muted:#5b7281;--line:#e2eae8;--bg:#f4f7f6;--card:#fff;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow:0 10px 30px rgba(15,42,61,.1);--shadow-sm:0 3px 10px rgba(15,42,61,.07);--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:3px solid rgba(0,166,126,.45);outline-offset:2px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:650;font-size:1rem;cursor:pointer;padding:13px 20px;min-height:48px;transition:background .15s ease,border-color .15s ease,transform .06s ease,opacity .15s ease;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 6px 16px rgba(0,166,126,.28)}.btn-primary:hover:not(:disabled){background:var(--teal-dark)}.btn-outline{background:#fff;border-color:var(--line);color:var(--navy-700);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-dark)}.btn-light{background:#fff;color:var(--navy-900)}.btn-light:hover:not(:disabled){background:#eef4f2}.btn-ghost{background:transparent;color:var(--teal-dark);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--teal-soft)}.btn-invert{background:transparent;color:#fff;border-color:hsla(0,0%,100%,.4);min-height:40px;padding:8px 16px;font-size:.9rem}.btn-invert:hover:not(:disabled){background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.7)}.btn-block{width:100%}.spinner{width:18px;height:18px;border:3px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex:0 0 auto}.spinner-dark{border:3px solid rgba(0,166,126,.25);border-top:3px solid var(--teal)}@keyframes spin{to{transform:rotate(1turn)}}.customer-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.hero{background:linear-gradient(160deg,var(--navy-900) 0,var(--navy-700) 55%,#0e2f40 100%);color:#fff;padding:46px 24px 76px}.hero-inner{max-width:480px;margin:0 auto;text-align:center}.hero-eyebrow{margin:0 0 10px;color:var(--green);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero-title{margin:0;font-size:clamp(1.75rem,7.5vw,2.4rem);line-height:1.12;letter-spacing:.01em}.hero-brand{font-weight:800}.hero-sub{color:hsla(0,0%,100%,.82);font-weight:500}.hero-subtitle{margin:12px auto 0;max-width:320px;font-size:1.02rem;color:hsla(0,0%,100%,.9)}.hero-steps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero-steps li{gap:7px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);padding:7px 13px;border-radius:999px;font-size:.82rem;color:hsla(0,0%,100%,.95)}.hero-steps li,.step-num{display:inline-flex;align-items:center}.step-num{justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--teal);color:#fff;font-size:.72rem;font-weight:800}.form-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--line);max-width:480px;margin:-48px auto 0;padding:26px 22px 28px;position:relative;width:calc(100% - 32px)}.form-title{margin:0 0 6px;font-size:1.3rem;color:var(--navy-900)}.form-subtitle{margin:0 0 20px;color:var(--muted);font-size:.94rem}.field{margin-bottom:16px}.field-label{display:block;margin-bottom:7px;font-size:.86rem;font-weight:650;color:var(--navy-800)}.field input{width:100%;padding:14px 16px;font-size:1rem;font-family:var(--font-sans);color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#9db0bb}.field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,166,126,.14)}.field input:disabled{background:#f2f6f5;color:var(--muted)}.field-error{margin:7px 0 0;color:var(--red);font-size:.85rem;font-weight:550;display:flex;gap:6px;align-items:flex-start}.field-hint{margin:12px 0 0;color:var(--muted);font-size:.8rem;text-align:center}.field-hint-left{text-align:left}.panel{border-radius:var(--radius-md);padding:18px;margin-bottom:16px;border:1px solid transparent}.panel-title{margin:0 0 6px;font-size:1.15rem}.panel-text{margin:0 0 12px;font-size:.95rem}.panel-text:last-child{margin-bottom:0}.panel-ok{background:linear-gradient(160deg,#eafaf1,#d9f5e6);border-color:#b9ecd0}.panel-info{background:var(--teal-soft);border-color:#c2eadc}.panel-error{background:var(--red-soft);border-color:#f3c6c0}.panel-warn{background:var(--amber-soft);border-color:#f0dcb4}.success-check{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--green);color:#fff;font-size:1.7rem;font-weight:800;margin:0 auto 12px;box-shadow:0 6px 18px rgba(46,204,113,.4)}.code-display,.text-center{text-align:center}.code-display{font-family:var(--font-mono);font-size:clamp(1.35rem,7vw,1.9rem);letter-spacing:.12em;font-weight:700;color:var(--navy-900);background:#fff;border:2px dashed var(--teal);border-radius:var(--radius-md);padding:16px 10px;margin:14px 0;word-break:break-all}.qr-wrap{text-align:center;margin:6px 0 10px}.qr-box{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm)}.qr-box svg{display:block}.sms-note{margin:10px 0 4px;color:var(--teal-dark);font-size:.9rem;font-weight:600;text-align:center}.booth-note{margin:0 0 16px;font-size:.86rem}.booth-note,.customer-footer{color:var(--muted);text-align:center}.customer-footer{max-width:480px;width:100%;margin:26px auto 34px;padding:0 20px;font-size:.78rem}.staff-page{min-height:100vh;background:var(--bg)}.topbar{background:var(--navy-900);color:#fff}.topbar-inner{max-width:980px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:800;letter-spacing:.02em;font-size:1.02rem}.brand-accent{color:hsla(0,0%,100%,.72);font-weight:500}.dash-panel,.promo-panel{max-width:760px;margin:26px auto 48px;padding:0 16px;width:100%}.dash-panel{max-width:980px}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:60px 0}.login-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:420px;margin:30px auto;padding:30px 26px}.login-role-badge{display:inline-block;background:var(--navy-700);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.14em;padding:5px 12px;border-radius:999px;margin-bottom:12px;text-transform:uppercase}.login-title{margin:0 0 6px;font-size:1.35rem;color:var(--navy-900)}.login-subtitle{margin:0 0 22px;color:var(--muted);font-size:.92rem}.section-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 20px;margin-bottom:18px}.section-title{margin:0 0 6px;font-size:1.08rem;color:var(--navy-900)}.section-hint{margin:0 0 16px;color:var(--muted);font-size:.88rem}.manual-row{display:flex;gap:10px}.manual-row .field{flex:1 1;margin-bottom:0}.manual-row input{width:100%;padding:14px;font-family:var(--font-mono);font-size:1rem;letter-spacing:.06em;color:var(--navy-900);background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-sm)}.manual-row input::placeholder{font-family:var(--font-sans);color:#9db0bb}.manual-row input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,166,126,.14)}.or-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.82rem;margin:4px 0 18px}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.reader-box{width:100%;max-width:420px;margin:0 auto 14px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--teal);background:#0b0f14;min-height:220px}.reader-box video{display:block;width:100%}.camera-note{text-align:center;justify-content:center}.result-big{border-radius:var(--radius-lg);padding:28px 20px 26px;text-align:center;margin-bottom:18px;animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(.97);opacity:.4}to{transform:scale(1);opacity:1}}.result-icon{font-size:2.4rem;line-height:1}.result-title{margin:10px 0 4px;font-size:clamp(1.2rem,5vw,1.55rem);font-weight:800;letter-spacing:.01em}.result-sub{margin:0 0 8px;font-size:.95rem}.result-code{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;letter-spacing:.1em;margin:12px 0}.result-time{margin:0 0 16px;font-size:.86rem;opacity:.92}.result-green{background:linear-gradient(150deg,#27ae60,#1e9b54);color:#fff;box-shadow:0 12px 28px rgba(39,174,96,.35)}.result-red{background:linear-gradient(150deg,#ef5b4c,#d63031);color:#fff;box-shadow:0 12px 28px rgba(214,48,49,.35)}.result-amber{background:linear-gradient(150deg,#ffc04d,#f5a623);color:#5a3e00;box-shadow:0 12px 28px rgba(245,166,35,.35)}.result-amber .btn-light{color:#5a3e00}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.dash-title{margin:0 0 2px;font-size:1.4rem;color:var(--navy-900)}.last-updated{margin:0;color:var(--muted);font-size:.84rem}.dash-actions{display:flex;gap:10px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 16px 14px}.stat-value{font-size:1.9rem;font-weight:800;color:var(--navy-900);line-height:1.1}.stat-label{margin-top:4px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;font-weight:650}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}table{width:100%;border-collapse:collapse;min-width:560px;font-size:.92rem}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f6faf9;color:var(--muted);font-size:.74rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafdfc}.mono-cell{font-family:var(--font-mono);letter-spacing:.04em;color:var(--navy-800)}.empty-cell{text-align:center;color:var(--muted);padding:26px 14px}.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.badge-issued{background:var(--teal-soft);color:var(--teal-dark)}.badge-redeemed{background:#e8f0f6;color:var(--navy-600)}.badge-blocked{background:var(--red-soft);color:var(--red-dark)}.purge-card{border-color:#f3d6d2}.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.purge-message{margin:14px 0 0;font-size:.9rem;font-weight:600}.text-danger{color:var(--red-dark)}.text-ok{color:var(--teal-dark)}@media (min-width:768px){.form-card{padding:30px 32px 32px}.promo-panel{padding:0}.stats-grid{grid-template-columns:repeat(4,1fr)}}