:root{--bg: #f4f5f7;--card: #ffffff;--text: #16181d;--muted: #6b7280;--border: #e5e7eb;--accent: #2f5bea;--accent-text: #ffffff;--error: #c62828;--ok: #1b7f3b;--ok-bg: #e3f4e8;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111317;--card: #1b1e24;--text: #e8eaed;--muted: #9aa0a6;--border: #2c3038;--accent: #6b8cff;--accent-text: #0b0d12;--error: #ff8a80;--ok: #7ddc9a;--ok-bg: #173523}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}header{display:flex;align-items:center;justify-content:space-between;max-width:640px;margin:0 auto;padding:16px}.logo{font-weight:800;font-size:1.2rem;color:var(--text);text-decoration:none}nav{display:flex;gap:4px}nav a{padding:6px 12px;border-radius:8px;color:var(--muted);text-decoration:none}nav a.active{background:var(--card);color:var(--text)}main{max-width:640px;margin:0 auto;padding:0 16px 48px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}h1{font-size:1.3rem;margin:0 0 8px}h2{font-size:1rem;margin:20px 0 8px}.muted{color:var(--muted)}.error{color:var(--error);margin:12px 0 0}.success{color:var(--ok);margin:12px 0 0}.row{display:flex;gap:8px;flex-wrap:wrap}.row.center{justify-content:center}.row.between{justify-content:space-between;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.row input{flex:1;min-width:160px}input{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:-1px}button,.button{font:inherit;font-weight:600;padding:10px 16px;border-radius:10px;border:1px solid transparent;background:var(--accent);color:var(--accent-text);cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secondary,.button.secondary{background:transparent;color:var(--text);border-color:var(--border)}button.link{background:none;color:var(--muted);padding:4px;font-weight:400}@media print{header,.card:not(.qr-card),.qr-card .row{display:none!important}.qr-card{border:none}}