:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#e2e8f0;background:radial-gradient(circle at top,rgba(14,165,233,.12),transparent 28%),linear-gradient(180deg,#04111f,#0f172a 42%,#111827)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(34,211,238,.1),transparent 24%),radial-gradient(circle at 85% 0%,rgba(56,189,248,.08),transparent 22%),linear-gradient(180deg,#04111f,#0f172a 42%,#111827)}a{color:#7dd3fc;text-decoration:none}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;background:#04111fd1;border-bottom:1px solid rgba(125,211,252,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.topbar-actions{display:flex;align-items:center;gap:1rem}.topbar nav{display:flex;gap:1rem}.topbar nav a{color:#cbd5e1;font-weight:500}.topbar nav a.router-link-active{color:#f8fafc}.brand-lockup{display:grid;gap:.15rem}.brand-lockup h1{margin:0;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.1;letter-spacing:-.03em}.content{padding:1.5rem}.stack{display:grid;gap:1rem}.card{background:#0f172ad9;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1rem;max-width:900px}.instances-page .card{max-width:none}.instances-hero{background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 30%),#0f172ae0}.instances-hero__header{align-items:flex-start}.instances-hero__copy{display:grid;gap:.25rem}.eyebrow{margin:0;color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.instance-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.instance-workspace{display:grid;gap:1rem;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.instance-sidebar{position:sticky;top:1.5rem;display:grid;gap:1rem}.instance-sidebar__header{display:grid;gap:.35rem}.instance-sidebar__header h2{margin:0}.section-nav{display:grid;gap:.5rem}.instance-content{min-width:0}.docs-page .card{max-width:none}.docs-hero{background:radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 32%),#0f172ae0}.docs-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.docs-panel{display:grid;gap:1rem}.docs-capability{display:grid;gap:.75rem;padding:1rem;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:#02061747}.docs-capability__header p{margin-bottom:0}.docs-code{margin:0}.docs-gap-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.instance-card{display:grid;gap:.9rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.instance-card:hover{transform:translateY(-1px);border-color:#60a5fa73}.instance-card:focus-visible{outline:2px solid rgba(147,197,253,.9);outline-offset:3px;border-color:#60a5faa6}.instance-card--selected{grid-column:1 / -1;border-color:#60a5fa8c;box-shadow:0 16px 40px #0f172a59}.instance-card__hint{margin:0}.instance-card__details{padding-top:.25rem}.workspace-panel{scroll-margin-top:1.5rem}.detail-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-card{display:grid;gap:.85rem;padding:1rem;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:#02061747}.detail-card h3{margin:0}.detail-kv,.detail-list{display:grid;gap:.75rem}.detail-item{display:grid;gap:.25rem}.webhook-copy{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.webhook-copy__field{flex:1 1 320px}.mono-block{display:block;padding:.75rem .85rem;border-radius:10px;background:#0f172af2;border:1px solid rgba(148,163,184,.2);color:#bfdbfe;word-break:break-word;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.qr-card{border-color:#3b82f659;box-shadow:0 12px 32px #0f172a59}.qr-panel{margin-top:1rem;padding:1rem;border-radius:12px;border:1px dashed rgba(148,163,184,.35);background:#02061759;display:grid;place-items:center;min-height:360px}.qr-panel--compact{min-height:260px}.qr-image{display:block;width:min(100%,320px);height:auto;border-radius:12px;background:#fff;padding:12px;box-shadow:0 16px 40px #02061759}.qr-fallback{width:100%}.qr-code{margin:0;white-space:pre-wrap;word-break:break-word;color:#bfdbfe;font-size:.9rem}.row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.actions,.inline-form{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}input,button{font:inherit;border-radius:8px;border:1px solid rgba(148,163,184,.3);padding:.75rem 1rem}input{background:#0f172af2;color:inherit;min-width:220px}input[readonly]{cursor:text}button{background:#2563eb;color:#fff;cursor:pointer}button.secondary{background:transparent;color:#e2e8f0}button.danger{background:#dc2626}.muted{color:#94a3b8}.error{color:#fca5a5}.badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;font-size:.85rem;text-transform:capitalize}.badge[data-status=connected]{background:#22c55e26;color:#86efac}.badge[data-status=connecting]{background:#eab30826;color:#fde68a}.badge[data-status=disconnected]{background:#ef444426;color:#fca5a5}form{display:grid;gap:.75rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.field{display:grid;gap:.35rem}.field span{font-size:.85rem;color:#cbd5e1}.field textarea,.field select{font:inherit;border-radius:8px;border:1px solid rgba(148,163,184,.3);padding:.75rem 1rem;background:#0f172af2;color:inherit}.toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem 1rem}.toggles label{display:flex;align-items:center;gap:.5rem;color:#cbd5e1}.login-page{min-height:calc(100vh - 110px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,460px);gap:1.5rem;align-items:stretch}.login-hero,.login-card{max-width:none}.login-hero{position:relative;overflow:hidden;display:grid;align-content:end;gap:1rem;min-height:460px;padding:2rem;border-radius:28px;background:linear-gradient(145deg,#082f49eb,#0c4a6eb8),linear-gradient(180deg,#0f172aeb,#0f172a9e);border:1px solid rgba(125,211,252,.16);box-shadow:0 24px 70px #0208175c}.login-hero:before,.login-hero:after{content:"";position:absolute;inset:auto auto 12% -6%;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(103,232,249,.22),transparent 68%);pointer-events:none}.login-hero:after{inset:8% -4% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(14,165,233,.22),transparent 70%)}.login-hero h2,.login-card h2{margin:0;letter-spacing:-.04em}.login-hero h2{max-width:12ch;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95;color:#f8fafc}.login-hero .muted{max-width:52ch;font-size:1rem;line-height:1.7;color:#e2e8f0d1}.login-card{align-self:center;display:grid;gap:1.25rem;padding:1.5rem;border-radius:24px;background:linear-gradient(180deg,#0f172af5,#0f172ad6);border:1px solid rgba(125,211,252,.14);box-shadow:0 20px 60px #02081757}.login-card__header{display:grid;gap:.5rem}.login-card__header .muted{line-height:1.6}.login-card button[type=submit]{width:100%;min-height:50px;font-weight:700;letter-spacing:.01em}@media(max-width:960px){.instance-workspace{grid-template-columns:1fr}.instance-sidebar{position:static}.login-page{grid-template-columns:1fr}.login-hero{min-height:320px}}@media(max-width:640px){.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;align-items:flex-start;flex-direction:column}.topbar nav{flex-wrap:wrap}.content{padding:1rem}.login-hero,.login-card{padding:1.25rem}}