:root{--bg:#f8fafc;--surface:#ffffff;--border:#e2e8f0;--accent:#2563eb;--accent-hover:#1d4ed8;--accent2:#ef4444;--text:#0f172a;--muted:#64748b;--green:#22c55e;--warning:#f59e0b;--teal:#14b8a6;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;min-height:100vh}#root{max-width:480px;margin:0 auto;padding:24px 20px}.logo{font-size:24px;font-weight:800;color:var(--accent);text-align:center;margin-bottom:4px}.logo span{color:var(--text)}.subtitle{text-align:center;color:var(--muted);font-size:13px;margin-bottom:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 16px;font-size:15px;margin-bottom:16px;outline:none}input:focus{border-color:var(--accent)}.btn{width:100%;padding:14px;border-radius:10px;border:none;cursor:pointer;font-size:16px;font-weight:700;transition:opacity .15s;margin-bottom:10px}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--border);color:var(--text)}.btn-green{background:var(--green);color:#fff}.error{color:var(--accent2);font-size:13px;margin-top:8px;text-align:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.outlet-name{font-size:15px;font-weight:600;color:var(--text)}.outlet-brand{font-size:13px;color:var(--muted)}.signout{font-size:12px;color:var(--accent2);cursor:pointer;background:none;border:none;padding:0}.tabs{display:flex;gap:8px;margin-bottom:24px}.tab{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;text-align:center}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.badge-active{background:#22c55e26;color:var(--green)}.badge-inactive{background:#64748b26;color:var(--muted)}.badge-redeemed{background:#f59e0b26;color:var(--warning)}.badge-expired{background:#ef444426;color:var(--accent2)}.badge-exhausted{background:#f59e0b26;color:var(--warning)}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.info-row:last-child{border-bottom:none}.info-label{color:var(--muted)}.success-box{text-align:center;padding:32px 20px}.success-tick{font-size:64px;margin-bottom:16px}.success-title{font-size:20px;font-weight:700;margin-bottom:8px}.success-amount{font-size:48px;font-weight:800;color:var(--green);margin-bottom:8px}.success-sub{color:var(--muted);font-size:15px;margin-bottom:32px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-code{font-family:monospace;font-size:12px;color:var(--text)}.history-meta{font-size:11px;color:var(--muted);margin-top:2px}.history-amount{font-size:15px;font-weight:700}.sub-tabs{display:flex;gap:8px;margin-bottom:20px}.sub-tab{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;text-align:center}.sub-tab.active{background:var(--surface);color:var(--text);border-color:var(--accent)}.amount-wrap{position:relative}.amount-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:var(--muted);pointer-events:none;margin-top:-8px}.amount-input{padding-left:36px!important;font-size:24px!important;font-weight:700!important}