:root{--primary: #111111;--primary-dark: #000000;--accent: #d5112a;--bg: #f7f7f7;--card-bg: #ffffff;--text: #212529;--muted: #777777;--ok: #16a34a;--error: #d5112a;--pending: #a8a8a8;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;background:#fff;color:var(--text);border-bottom:1px solid #e5e5e5}.brand{display:flex;align-items:center;gap:.75rem}.brand-logo{height:20px;max-width:45vw;width:auto;object-fit:contain;display:block}.brand-sep{font-size:.85rem;color:var(--muted);padding-left:.75rem;border-left:1px solid #d9d9d9;white-space:nowrap}@media (max-width: 480px){.brand-sep{display:none}}.status{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{background:#f0f0f0;color:var(--text);padding:.25rem .6rem;border-radius:999px;font-size:.8rem}.ghost-btn{background:transparent;border:1px solid #111111;color:var(--text);padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-family:inherit}.ghost-btn:hover{background:#111;color:#fff}main{max-width:640px;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.card{background:var(--card-bg);border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #00000014}.card h2{margin-top:0;font-size:1.05rem}form label{display:block;margin-bottom:.9rem;font-size:.9rem;color:var(--muted)}form input[type=text],form input[type=email],form input[type=tel],form input[type=url]{display:block;width:100%;margin-top:.3rem;padding:.6rem .7rem;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;color:var(--text)}.hint{font-size:.8rem;color:var(--muted);margin-top:-.4rem}fieldset{border:none;padding:0;margin:1rem 0}fieldset legend{font-weight:600;padding:0;margin-bottom:.5rem}.consent-item{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;font-size:.9rem}.consent-item input{margin-top:.2rem}.primary-btn{background:var(--primary);color:#fff;border:none;padding:.7rem 1.2rem;border-radius:10px;font-size:1rem;font-family:inherit;font-weight:600;cursor:pointer;width:100%}.primary-btn:hover{background:var(--primary-dark)}#formMessage{min-height:1.2rem;font-size:.9rem;color:var(--ok)}#formMessage.error{color:var(--error)}.consent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;max-height:360px;overflow-y:auto}.consent-list li{border:1px solid #ececec;border-radius:10px;padding:.6rem .8rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.consent-name{font-weight:600;font-size:.9rem}.consent-sub{font-size:.78rem;color:var(--muted)}.sync-badge{font-size:.75rem;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.sync-badge.synced{background:#dcfce7;color:var(--ok)}.sync-badge.pending{background:#f0f0f0;color:#555}.sync-badge.error{background:#fbe4e7;color:var(--error)}dialog{border:none;border-radius:16px;padding:1.25rem;max-width:420px;width:90%}dialog::backdrop{background:#0006}.dialog-actions{display:flex;gap:.6rem;margin-top:.5rem}.dialog-actions .ghost-btn{border-color:#d1d5db;color:var(--text)}