:root{color:#17223b;background:#f3f6fb;font-family:Inter,system-ui,sans-serif}body{place-items:center;min-height:100vh;margin:0;display:grid}main{background:#fff;border-radius:20px;width:min(640px,100% - 48px);padding:40px;box-shadow:0 20px 60px #24345b1c}.eyebrow{color:#536b9e;text-transform:uppercase;letter-spacing:.12em;font-size:12px}h1{margin:8px 0;font-size:42px}button{color:#fff;cursor:pointer;background:#17223b;border:0;border-radius:10px;padding:12px 18px}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:#17223b;background:#dfe6f3}button.danger{background:#a92d3a}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}label{color:#536b9e;font-size:13px}input{box-sizing:border-box;color:#17223b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:11px 12px}input:focus{border-color:#536b9e;outline:2px solid #dbe5f7}.google-button{min-height:44px;margin:18px 0}section{word-break:break-word;background:#f6f8fc;border-radius:12px;flex-direction:column;gap:8px;margin:14px 0;padding:18px;display:flex}.client-ids{margin:0;padding-left:20px}.client-ids li{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.remove-client-id{color:#a92d3a;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:22px;display:inline-flex}.remove-client-id:hover{background:#f8dfe2}small{color:#6b7280}.legal-links{margin-top:18px}.legal-links a{color:#536b9e}