:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:#0f172a}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#0f172a,#111827)}a{color:#93c5fd;text-decoration:none}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#0f172ae6;border-bottom:1px solid rgba(148,163,184,.2)}.topbar-actions{display:flex;align-items:center;gap:1rem}.topbar nav{display:flex;gap:1rem}.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:#93c5fd;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.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}.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:#e5e7eb}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}@media(max-width:960px){.instance-workspace{grid-template-columns:1fr}.instance-sidebar{position:static}}