*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111827;--bg-card: #1f2937;--bg-input: #374151;--border: #374151;--text: #f9fafb;--muted: #9ca3af;--green: #10b981;--green-dark:#059669;--yellow: #f59e0b;--red: #ef4444;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:1rem}.pairing-card{background:var(--bg-card);border-radius:var(--radius);padding:2rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.25rem}.pairing-logo{display:flex;justify-content:center}.pairing-title{font-size:1.5rem;font-weight:700;text-align:center}.pairing-subtitle{font-size:.875rem;color:var(--muted);text-align:center;line-height:1.5}.pairing-form{display:flex;flex-direction:column;gap:1rem}.form-label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;font-weight:500}.form-hint{font-weight:400;color:var(--muted)}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9375rem;padding:.625rem .75rem;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--green)}.form-input:disabled{opacity:.5}.form-error{background:#ef444426;border:1px solid var(--red);border-radius:8px;color:var(--red);font-size:.8125rem;padding:.625rem .75rem;line-height:1.5}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.25rem;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);width:100%}.btn-icon{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.125rem;line-height:1;padding:.25rem .5rem}.scan-screen{justify-content:flex-start;padding:0;gap:0}.scan-statusbar{align-items:center;background:var(--bg-card);display:flex;gap:.5rem;padding:.5rem 1rem;width:100%;flex-shrink:0}.status-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:.125rem .625rem}.status-online{background:#10b98126;color:var(--green)}.status-offline{background:#ef444426;color:var(--red)}.sync-btn{background:#f59e0b26;border:1px solid var(--yellow);border-radius:999px;color:var(--yellow);cursor:pointer;font-size:.75rem;font-weight:600;padding:.125rem .625rem}.sync-btn:disabled{opacity:.4;cursor:not-allowed}.cache-badge{color:var(--muted);font-size:.75rem;margin-left:auto}.logout-btn{margin-left:auto}.scan-viewport{flex:1;position:relative;width:100%;overflow:hidden;background:#000}.scan-video{width:100%;height:100%;object-fit:cover}.scan-overlay{top:0;right:0;bottom:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center}.scan-frame{border:3px solid rgba(255,255,255,.6);border-radius:16px;height:min(60vw,300px);width:min(60vw,300px);transition:border-color .2s}.scan-overlay--scanning .scan-frame{border-color:var(--green)}.scan-overlay--error .scan-frame{border-color:var(--red)}.camera-error{background:#000000bf;border-radius:8px;bottom:1rem;color:var(--red);font-size:.875rem;left:1rem;padding:.75rem;position:absolute;right:1rem;text-align:center}.scan-footer{background:var(--bg-card);flex-shrink:0;font-size:.875rem;color:var(--muted);padding:.75rem 1rem;text-align:center;width:100%}.scan-error-text{color:var(--red)}.result-screen{cursor:pointer;justify-content:center;transition:background .2s}.result-valid{background:#052e16}.result-redeemed{background:#451a03}.result-invalid{background:#450a0a}.result-content{align-items:center;display:flex;flex-direction:column;gap:.625rem;padding:2rem;text-align:center;width:100%;max-width:380px}.result-icon{border-radius:50%;font-size:3rem;font-weight:700;height:5rem;line-height:5rem;text-align:center;width:5rem}.result-valid .result-icon{background:#10b98133;color:var(--green)}.result-redeemed .result-icon{background:#f59e0b33;color:var(--yellow)}.result-invalid .result-icon{background:#ef444433;color:var(--red)}.result-headline{font-size:2rem;font-weight:800}.result-valid .result-headline{color:var(--green)}.result-redeemed .result-headline{color:var(--yellow)}.result-invalid .result-headline{color:var(--red)}.result-name{font-size:1.25rem;font-weight:600}.result-type{color:var(--muted);font-size:.9rem}.result-number{color:var(--muted);font-size:.85rem;font-family:monospace}.result-redeemed-at{color:var(--yellow);font-size:.85rem;margin-top:.25rem}.result-reason{color:var(--muted);font-size:.9rem;margin-top:.25rem}.result-hint{color:#ffffff4d;font-size:.8rem;margin-top:1.5rem}