:root{color-scheme:dark;--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--green-bg: #14532d;--green-text: #86efac;--red-bg: #7f1d1d;--red-text: #fca5a5;--yellow-bg: #78350f;--yellow-text: #fcd34d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem}.card{background:var(--card);border-radius:12px;padding:1.5rem;max-width:420px;width:100%;margin-top:2rem}.install-card{margin-top:1rem;padding:1rem 1.5rem;font-size:.9rem;color:var(--muted)}.install-card p{margin:0 0 .75rem}.install-card p:last-child{margin-bottom:0}h1{font-size:1.4rem;margin-top:0}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--red-text)}button,.button{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.7rem 1rem;font-size:1rem;cursor:pointer;text-decoration:none;text-align:center}button:disabled{opacity:.5;cursor:default}.button.secondary{background:#334155}.link-button{background:none;color:var(--accent);border:none;padding:.4rem 0;cursor:pointer;text-decoration:underline;font-size:.9rem}.home-nav{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0}.logout-row{display:flex;gap:1rem;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.3rem;margin:.8rem 0;font-size:.9rem}.field input{padding:.5rem;border-radius:6px;border:1px solid #334155;background:#0f172a;color:var(--text)}.pairing-qr{width:100%;max-width:280px;border-radius:8px;background:#fff;padding:8px}.scanner-list{list-style:none;padding:0}.scanner-list li{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #334155}.log-list{list-style:none;padding:0;font-size:.85rem}.log-list li{padding:.3rem 0;border-bottom:1px solid #334155}.scan-page{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.8rem}.scan-header{display:flex;justify-content:space-between;align-items:center}.queue-badge{background:var(--yellow-bg);color:var(--yellow-text);padding:.2rem .6rem;border-radius:999px;font-size:.8rem}.viewfinder{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-error{color:var(--red-text);padding:1rem;text-align:center}.viewfinder-hint{position:absolute;bottom:.8rem;left:0;right:0;text-align:center;color:#fff;background:#00000080;margin:0;padding:.4rem;font-weight:600;letter-spacing:.05em}.result-card{border-radius:12px;padding:1.2rem}.status-valid{background:var(--green-bg);color:var(--green-text)}.status-invalid{background:var(--red-bg);color:var(--red-text)}.status-warning{background:var(--yellow-bg);color:var(--yellow-text)}.attendee-name{font-size:1.2rem;font-weight:600;margin:.2rem 0}.status-row{display:flex;gap:.4rem;margin:.8rem 0;flex-wrap:wrap}.pill{padding:.25rem .55rem;border-radius:999px;font-size:.78rem;white-space:nowrap}.pill-yes{background:var(--green-bg);color:var(--green-text)}.pill-no{background:var(--red-bg);color:var(--red-text)}.action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.action-row button{background:#334155;padding:.7rem .5rem}.action-row button:disabled{background:var(--green-bg);color:var(--green-text);opacity:1}.scan-next{width:100%}.manual-entry{font-size:.85rem;color:var(--muted)}.manual-entry-row{display:flex;gap:.5rem;margin-top:.5rem}.manual-entry-row input{flex:1;padding:.5rem;border-radius:6px;border:1px solid #334155;background:#0f172a;color:var(--text);font-size:.8rem}