:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{margin:0;background:#f6f7f9;color:#111}.container{max-width:900px;margin:0 auto;padding:16px}.card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 2px #0000000f;margin-bottom:12px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 200px}label{display:block;font-size:12px;opacity:.8;margin-bottom:6px}input,select{width:100%;padding:10px;border:1px solid #d8dbe0;border-radius:10px;background:#fff}button{padding:10px 12px;border:0;border-radius:10px;background:#111;color:#fff;cursor:pointer}button.secondary{background:#3b3f45}button.ghost{background:transparent;color:#111;border:1px solid #d8dbe0}button:disabled{opacity:.5;cursor:not-allowed}.topbar{background:#fff;border-bottom:1px solid #e7e9ee}.topbar .inner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:900px;margin:0 auto}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f0f1f4;font-size:12px}.error{color:#b00020;font-size:13px}.success{color:#0b6b2f;font-size:13px}.kv{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.kv code{background:#f0f1f4;padding:2px 6px;border-radius:6px}#qr-reader{width:100%;max-width:420px}