:root{color-scheme:light;--bg: #f5f6f8;--card: #ffffff;--border: #e2e4e9;--text: #1c1f26;--muted: #6b7280;--primary: #2563eb;--primary-text: #ffffff;--ok: #16a34a;--error: #dc2626;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.layout{min-height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:14px 24px}.brand{font-weight:700;text-decoration:none;color:var(--text);font-size:1.1rem}.content{max-width:960px;margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:18px}.card h2{margin-top:0;font-size:1rem}.subtitle{color:var(--muted);margin-top:-8px}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:.92rem}.tabla th{color:var(--muted);font-weight:600}.form{display:flex;flex-direction:column;gap:12px;max-width:480px}.form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.form input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:.95rem}.form-row{display:flex;gap:12px}.form-row label{flex:1}.checkboxes{align-items:center}.checkbox{flex-direction:row!important;align-items:center;gap:6px!important}.checkbox input{width:auto}.btn{display:inline-block;background:var(--primary);color:var(--primary-text);border:none;padding:9px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;text-decoration:none;width:fit-content}.btn:disabled{opacity:.6;cursor:default}.btn-secundario{background:transparent;color:var(--primary);border:1px solid var(--primary)}.acciones{display:flex;gap:10px;margin-bottom:12px}.badge{padding:2px 8px;border-radius:999px;font-size:.78rem;background:#eef0f3}.badge-activo{background:#dcfce7;color:#166534}.badge-inactivo{background:#fee2e2;color:#991b1b}.badge-op-insertado{background:#dcfce7;color:#166534}.badge-op-error{background:#fee2e2;color:#991b1b}.badge-op-pendiente_confirmacion{background:#fef9c3;color:#854d0e}.error{color:var(--error)}.ok{color:var(--ok)}.estado-json{background:#f3f4f6;padding:10px;border-radius:6px;font-size:.8rem;overflow-x:auto}.token{background:#f3f4f6;padding:8px 10px;border-radius:6px;font-size:.85rem;word-break:break-all;display:inline-block}.qr img{max-width:260px;border:1px solid var(--border);border-radius:8px}.detalle{font-size:.85rem;color:var(--muted)}