*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6f8;--card:#ffffff;--text:#17212b;--muted:#5b6b7a;--primary:#0b7a3e;--primary-dark:#075c2e;--danger:#b42318;--warn:#b25e09;--border:#dde3e9}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:640px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}h1{font-size:1.3rem;margin-bottom:4px}h2{font-size:1.05rem;margin-bottom:8px}.muted{color:var(--muted);font-size:.9rem}.status-line{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;margin:12px 0}.btn{display:inline-block;border:none;border-radius:8px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background:#eaf5ef}.modal-backdrop{position:fixed;inset:0;background:rgba(20,28,36,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:14px;padding:24px;width:100%;max-width:400px;text-align:center}.qr-frame{display:flex;align-items:center;justify-content:center;min-height:280px;margin:16px 0}.qr-frame img{width:260px;height:260px;image-rendering:pixelated}ol.steps{text-align:left;margin:12px 0 4px 20px;font-size:.9rem;color:var(--muted)}table.msgs{width:100%;border-collapse:collapse;font-size:.85rem}table.msgs td,table.msgs th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);vertical-align:top}table.msgs th{color:var(--muted);font-weight:600}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:.92rem}.kv:last-child{border-bottom:none}.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600}.badge-ok{background:#e5f4ec;color:var(--primary-dark)}.badge-warn{background:#fdf0e0;color:var(--warn)}.badge-err{background:#fbe9e7;color:var(--danger)}input.field{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px;font-size:1rem;margin:10px 0}a{color:var(--primary)}