:root{--surface: #ffffff;--border: #d8dee9;--text: #1f2933;--muted: #6b7785;--accent: #2f5d8a;--error: #a4262c;--warning: #8a5a00;--ok: #4a8c5c;--missed: #b4656a;--pending: #b8bfc9;--track: #e6e9ee;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius: 6px;--radius-lg: 10px;--text-title: 22px;--text-head: 17px;--text-body: 15px;--text-meta: 12px;color-scheme:light}*{box-sizing:border-box}body{background:#f4f6f8;color:var(--text);font:var(--text-body)/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;margin:0}.app{margin:0 auto;max-width:1180px;padding:var(--space-4)}.app-header{align-items:center;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.centered{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-6)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.row.compact{gap:var(--space-2)}.self-start{align-self:flex-start}.panel-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}h1{font-size:var(--text-title);margin:0}h2{font-size:var(--text-head);margin:0}h3{font-size:var(--text-body);margin:var(--space-4) 0 var(--space-2)}p{margin:0}.muted{color:var(--muted);font-size:var(--text-meta)}.error{color:var(--error);font-weight:600}.warning{color:var(--warning);font-size:var(--text-meta)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>span{color:var(--muted);font-size:var(--text-meta)}input,select{border:1px solid var(--border);border-radius:var(--radius);font:inherit;background:var(--surface);color:var(--text);padding:var(--space-2) var(--space-3)}.inline-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3)}button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;font:inherit;font-weight:600;padding:var(--space-2) var(--space-4)}button:disabled{cursor:default;opacity:.6}button.secondary{background:transparent;border-color:var(--border);color:var(--text)}button.danger{border-color:var(--error);color:var(--error)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline-color:var(--text)}table{border-collapse:collapse;font-size:var(--text-body);width:100%}th,td{border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3);text-align:left}th{color:var(--muted);font-size:var(--text-meta);font-weight:600;text-transform:uppercase}.facts{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0}.facts dt{color:var(--muted);font-size:var(--text-meta);text-transform:uppercase}.facts dd{font-weight:600;margin:var(--space-1) 0 0}.badge{border-radius:20px;font-size:var(--text-meta);font-weight:600;padding:2px 9px;background:#e6eff6}.badge.withdrawn{background:#f7e3e4}.badge.completed,.badge.redeemed{background:#e4f1e6}.badge.expired,.badge.revoked{background:#f7e3e4}.progress-bar{background:var(--track);border-radius:var(--radius);display:flex;height:10px;min-width:120px;overflow:hidden}.progress-bar .seg{display:block;height:100%}.seg.completed{background:var(--ok)}.seg.expired{background:var(--missed)}.seg.cancelled{background:var(--pending)}.seg.remaining{background:transparent}.progress-cell{display:flex;flex-direction:column;gap:var(--space-1);min-width:160px}.issued-code{background:#f7f9fb;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)}.issued-code code{font-size:16px;font-weight:700;word-break:break-all}.preview-activity-select{max-width:480px}.participant-preview{background:#f4f6f8;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.preview-complete{color:var(--ok);font-weight:600}.feed{list-style:none;margin:0;padding:0}.feed li{align-items:baseline;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0}.feed-when{color:var(--muted);font-size:var(--text-meta);min-width:78px}.feed-action{font-weight:600}.feed-meta{color:var(--muted);font-family:ui-monospace,monospace;font-size:var(--text-meta)}a{color:var(--accent)}