:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#65708a;--line:#e6eaf2;--primary:#2563eb;--ok:#16a34a;--ko:#dc2626;--warn:#d97706}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#111827;color:white;padding:26px;overflow-y:auto}.brand{font-weight:800;font-size:22px;margin-bottom:24px}.nav-section{margin-bottom:24px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:10px;font-weight:700}.nav-link{display:block;color:#d1d5db;text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:4px;font-size:14px}.nav-link:hover,.nav-link.active{background:#1f2937;color:#fff}.nav-client{padding-left:18px;font-size:13px}.main{margin-left:230px;padding:34px}.hero{margin-bottom:24px}.hero h1{font-size:34px;margin:0 0 8px}.hero p{color:var(--muted);margin:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}.form-row input{border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px}.connect-form{display:grid;gap:16px;margin-top:20px}.connect-form label{display:grid;gap:8px;font-weight:600;font-size:14px}.connect-form input{border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px}button,.button{border:0;border-radius:12px;background:var(--primary);color:white;padding:12px 16px;font-weight:700;text-decoration:none;cursor:pointer;display:inline-block}button:disabled{background:#cbd5e1;cursor:not-allowed}.button.secondary{background:#334155}.danger{background:#ef4444}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:24px}.client-card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;color:inherit}.client-card:hover{border-color:var(--primary)}.client-card h3{margin:0 0 8px}.client-card p{margin:0;color:var(--muted)}.empty{color:var(--muted)}.connectors{display:grid;gap:14px}.connector{display:flex;align-items:center;justify-content:space-between;gap:20px}.connector h2{margin:0 0 5px}.connector p{margin:0 0 12px;color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.badge.ok{color:#166534;background:#dcfce7}.badge.ko{color:#991b1b;background:#fee2e2}.actions{display:flex;align-items:center;gap:10px}.flash-list{margin-bottom:20px}.flash{padding:12px 16px;border-radius:12px;font-weight:600}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.steps{padding-left:20px;line-height:1.8}.steps li{margin-bottom:8px}.muted{color:var(--muted)}.json{white-space:pre-wrap;background:#0f172a;color:#dbeafe;border-radius:18px;padding:22px;overflow:auto}code{background:#eef2ff;padding:2px 6px;border-radius:6px}@media(max-width:760px){.sidebar{position:static;width:auto}.main{margin-left:0;padding:20px}.form-row{grid-template-columns:1fr}.connector{display:block}.actions{margin-top:16px;flex-wrap:wrap}}