(()=>{window.AAAS_DESIGN_PANES=window.AAAS_DESIGN_PANES||{},window.AAAS_DESIGN_PANES.finDashboard=`<div id="dc-root"><div class="sc-host" data-sc-name="Finances Stream"><div data-dc-tpl="4" style="position: fixed; inset: 0px; z-index: -3; background: radial-gradient(at 50% 32%, rgb(42, 42, 46) 0%, rgb(8, 8, 9) 62%);"></div><div data-dc-tpl="5" aria-hidden="true" style="position: fixed; inset: 0px; z-index: -2; pointer-events: none; overflow: hidden;">
  <div data-dc-tpl="6" style="position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(90px); opacity: 0.13; background: rgb(var(--circuit-glow)); top: -12%; left: -8%; animation: 26s ease-in-out 0s infinite normal none running fin-drift;"></div>
  <div data-dc-tpl="7" style="position: absolute; width: 420px; height: 420px; border-radius: 50%; filter: blur(90px); opacity: 0.11; background: rgb(var(--accent-red)); bottom: -14%; right: -6%; animation: 30s ease-in-out 0s infinite reverse none running fin-drift;"></div>
  <div data-dc-tpl="8" style="position: absolute; width: 360px; height: 360px; border-radius: 50%; filter: blur(90px); opacity: 0.08; background: rgb(var(--accent-teal)); top: 44%; right: 32%; animation: 34s ease-in-out 0s infinite normal none running fin-drift;"></div></div><div data-dc-tpl="9" aria-hidden="true" style="position: fixed; inset: 0px; z-index: -1; pointer-events: none; opacity: 0.02; mix-blend-mode: overlay; background-image: url(&quot;data:image/svg+xml,%3Csvg sc-camel-view-box='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' sc-camel-base-frequency='0.85' sc-camel-num-octaves='3' sc-camel-stitch-tiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E&quot;);"></div><div data-dc-tpl="10" style="display: grid; grid-template-columns: 240px 1fr; height: 100vh; font-family: var(--font-inter); color: rgb(var(--text));">

  
  <aside data-dc-tpl="11" style="background: rgba(26, 26, 28, 0.6); backdrop-filter: blur(24px); border-right: 1px solid rgba(255, 255, 255, 0.08); padding: 22px 16px; display: flex; flex-direction: column; gap: 22px; box-shadow: rgba(255, 255, 255, 0.04) -1px 0px 0px inset;">
    <div data-dc-tpl="12" style="padding: 4px 8px;">
      <span data-dc-tpl="13" style="display: flex; align-items: center; gap: 10px; padding-left: 12px; border-left: 2px solid rgb(var(--circuit-glow));">
        <span data-dc-tpl="14" style="width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 8px rgb(var(--circuit-glow)); animation: 3s ease-in-out 0s infinite normal none running fin-dual;"></span>
        <span data-dc-tpl="15" style="font-family: var(--font-jetbrains); font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.25rem; color: rgb(var(--text)); font-weight: 500;">aaas.company</span>
      </span>
    </div>
    <nav data-dc-tpl="16" style="display: flex; flex-direction: column; gap: 2px;">
      
        <a data-dc-tpl="18" href="#" style="display: flex; align-items: center; gap: 12px; padding: 10px 12px; text-decoration: none; font-family: var(--font-inter); font-size: 13px; border-radius: 0.6rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; cursor: pointer; color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="19" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="20" d="M3 13h8V3H3v10zM3 21h8v-6H3v6zM13 21h8V11h-8v10zM13 3v6h8V3h-8z"></path></svg>
          <span data-dc-tpl="21"><span class="sc-interp">Overview</span></span>
        </a>
      
        <a data-dc-tpl="18" href="#" style="display: flex; align-items: center; gap: 12px; padding: 10px 12px; text-decoration: none; font-family: var(--font-inter); font-size: 13px; border-radius: 0.6rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; cursor: pointer; color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="19" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="20" d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16zM3.27 6.96L12 12l8.73-5.04M12 22V12"></path></svg>
          <span data-dc-tpl="21"><span class="sc-interp">Products</span></span>
        </a>
      
        <a data-dc-tpl="18" href="#" style="display: flex; align-items: center; gap: 12px; padding: 10px 12px; text-decoration: none; font-family: var(--font-inter); font-size: 13px; border-radius: 0.6rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; cursor: pointer; color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="19" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="20" d="M2 3h20v14H2zM8 21h8M12 17v4"></path></svg>
          <span data-dc-tpl="21"><span class="sc-interp">Context</span></span>
        </a>
      
        <a data-dc-tpl="18" href="#" style="display: flex; align-items: center; gap: 12px; padding: 10px 12px; text-decoration: none; font-family: var(--font-inter); font-size: 13px; border-radius: 0.6rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; cursor: pointer; color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="19" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="20" d="M3 11l9-8 9 8M5 10v10h14V10M9 20v-6h6v6"></path></svg>
          <span data-dc-tpl="21"><span class="sc-interp">Vault</span></span>
        </a>
      
        <a data-dc-tpl="18" href="#" style="display: flex; align-items: center; gap: 12px; padding: 10px 12px; text-decoration: none; font-family: var(--font-inter); font-size: 13px; border-radius: 0.6rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; cursor: pointer; color: rgb(var(--circuit-glow)); background: rgb(var(--circuit-glow) / 0.08); text-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.4);">
          <svg data-dc-tpl="19" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="20" d="M2 7h20v10H2zM2 11h20M6 15h2M11 15h3"></path></svg>
          <span data-dc-tpl="21"><span class="sc-interp">Finances</span></span>
        </a>
      
        <a data-dc-tpl="18" href="#" style="display: flex; align-items: center; gap: 12px; padding: 10px 12px; text-decoration: none; font-family: var(--font-inter); font-size: 13px; border-radius: 0.6rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; cursor: pointer; color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="19" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="20" d="M12 15a3 3 0 100-6 3 3 0 000 6zM19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 11-2.83 2.83l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 11-4 0v-.09A1.65 1.65 0 008 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 11-2.83-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H2a2 2 0 110-4h.09A1.65 1.65 0 003.6 8a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 112.83-2.83l.06.06a1.65 1.65 0 001.82.33H8a1.65 1.65 0 001-1.51V2a2 2 0 114 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 112.83 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V8a1.65 1.65 0 001.51 1H22a2 2 0 110 4h-.09a1.65 1.65 0 00-1.51 1z"></path></svg>
          <span data-dc-tpl="21"><span class="sc-interp">Settings</span></span>
        </a>
      
    </nav>
    <div data-dc-tpl="22" style="margin-top: auto; padding: 12px; border-top: 1px solid var(--border);">
      <div data-dc-tpl="23" style="display: flex; align-items: center; gap: 8px;">
        <span data-dc-tpl="24" style="width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 8px rgb(var(--circuit-glow)); animation: 3s ease-in-out 0s infinite normal none running fin-dual;"></span>
        <span data-dc-tpl="25" class="label-overline" style="color: rgb(var(--text));">Books \xB7 Synced</span>
      </div>
      <div data-dc-tpl="26" class="label-overline" style="color: var(--text-muted); margin-top: 6px;">FY 2026 \xB7 E\xDCR \xB7 \xA74 (3) EStG</div>
    </div>
  </aside>

  
  <main data-dc-tpl="27" style="display: flex; flex-direction: column; min-width: 0px; height: 100vh; overflow: hidden;">

    
    <div data-dc-tpl="28" style="display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; padding: 16px 32px; border-bottom: 1px solid var(--border); flex-shrink: 0;">
      <div data-dc-tpl="29">
        <div data-dc-tpl="30" class="label-overline" style="color: var(--text-muted);">Workspace</div>
        <div data-dc-tpl="31" style="font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 8px; color: rgb(var(--text)); cursor: pointer; margin-top: 2px;">
          aaas-gmbh \xB7 books
          <svg data-dc-tpl="32" width="10" height="6" viewBox="0 0 10 6"><path data-dc-tpl="33" d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"></path></svg>
        </div>
      </div>
      <div data-dc-tpl="34" style="display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: rgba(26, 26, 28, 0.6); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 0.75rem; max-width: 460px; margin: 0px auto; width: 100%; color: rgba(224, 224, 222, 0.5);">
        <svg data-dc-tpl="35" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle data-dc-tpl="36" cx="11" cy="11" r="7"></circle><path data-dc-tpl="37" d="M20 20l-3.5-3.5"></path></svg>
        <input data-dc-tpl="38" placeholder="Search invoices, clients, expenses\u2026" style="flex: 1 1 0%; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: rgb(var(--text)); font-family: var(--font-inter); font-size: 13px;">
        <span data-dc-tpl="39" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 6px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 4px; color: rgba(224, 224, 222, 0.5);">\u2318K</span>
      </div>
      <div data-dc-tpl="40" style="display: flex; align-items: center; gap: 14px;">
        <button data-dc-tpl="41" aria-label="Notifications" class="scp0" style="width: 34px; height: 34px; border-radius: 8px; background: none; border: 1px solid transparent; color: rgba(224, 224, 222, 0.6); cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative;">
          <svg data-dc-tpl="42" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path data-dc-tpl="43" d="M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9"></path><path data-dc-tpl="44" d="M13.7 21a2 2 0 01-3.4 0"></path></svg>
          <span data-dc-tpl="45" style="position: absolute; top: 7px; right: 7px; width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-red)); box-shadow: 0 0 6px rgb(var(--accent-red));"></span>
        </button>
        <button data-dc-tpl="46" class="scp1" style="display: flex; align-items: center; gap: 10px; padding: 5px 12px 5px 5px; background: rgba(26, 26, 28, 0.5); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 9999px; cursor: pointer;">
          <span data-dc-tpl="47" style="width: 28px; height: 28px; border-radius: 50%; background: rgb(var(--circuit-glow) / 0.2); border: 1px solid rgb(var(--circuit-glow) / 0.4); color: rgb(var(--circuit-glow)); font-family: var(--font-jetbrains); font-weight: 500; font-size: 11px; display: flex; align-items: center; justify-content: center;">M</span>
          <span data-dc-tpl="48" style="display: flex; flex-direction: column; line-height: 1.1;">
            <span data-dc-tpl="49" style="font-size: 12px; font-weight: 500; color: rgb(var(--text));">Maya Okonkwo</span>
            <span data-dc-tpl="50" class="label-overline" style="color: var(--text-muted);">Builder</span>
          </span>
        </button>
      </div>
    </div>

    
    <div data-dc-tpl="51" style="flex: 1 1 0%; overflow-y: auto; padding: 28px 32px 64px;">

      
      <div data-dc-tpl="52" style="display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 22px;">
        <div data-dc-tpl="53">
          <div data-dc-tpl="54" style="display: flex; align-items: center; gap: 12px; font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15rem; color: rgb(var(--accent-red)); margin-bottom: 12px;">
            <span data-dc-tpl="55" style="width: 20px; height: 2px; background: rgb(var(--accent-red)); box-shadow: rgba(244, 63, 108, 0.4) 0px 0px 8px;"></span>
            Finances \xB7 Bookkeeping
          </div>
          <h2 data-dc-tpl="56" style="margin: 0px 0px 6px; font-weight: 900; text-transform: uppercase; letter-spacing: -0.025em; font-size: 2.4rem; line-height: 1; color: rgb(var(--text));"><span class="sc-interp">Overview</span><span data-dc-tpl="57" style="color: rgb(var(--accent-red));">.</span></h2>
          <p data-dc-tpl="58" style="margin: 0px; color: rgba(224, 224, 222, 0.6); font-size: 0.9rem;"><span class="sc-interp">Fiscal year 2026 \xB7 E\xDCR method \xB7 last sync 4 min ago</span></p>
        </div>
        <div data-dc-tpl="59" style="display: flex; align-items: center; gap: 18px; flex-wrap: wrap;">
          
          <button data-dc-tpl="60" class="scp1" style="display: flex; align-items: center; gap: 10px; padding: 9px 14px; background: rgba(26, 26, 28, 0.6); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0.6rem; cursor: pointer; color: rgb(var(--text)); font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em;">
            <svg data-dc-tpl="61" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect data-dc-tpl="62" x="3" y="4" width="18" height="18" rx="2"></rect><path data-dc-tpl="63" d="M16 2v4M8 2v4M3 10h18"></path></svg>
            June 2026
            <svg data-dc-tpl="64" width="10" height="6" viewBox="0 0 10 6"><path data-dc-tpl="65" d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"></path></svg>
          </button>
          
          <div data-dc-tpl="66" style="display: flex; align-items: center; gap: 8px;">
            <span data-dc-tpl="67" class="label-overline" style="color: var(--text-muted);">State</span>
            <div data-dc-tpl="68" style="display: flex; gap: 2px; padding: 3px; background: rgba(8, 8, 9, 0.5); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 9999px;">
              
                <button data-dc-tpl="70" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; cursor: pointer; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: rgb(0, 0, 0); background: rgb(var(--circuit-glow));"><span class="sc-interp">live</span></button>
              
                <button data-dc-tpl="70" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; cursor: pointer; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(224, 224, 222, 0.5); background: transparent;"><span class="sc-interp">loading</span></button>
              
                <button data-dc-tpl="70" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; cursor: pointer; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(224, 224, 222, 0.5); background: transparent;"><span class="sc-interp">empty</span></button>
              
                <button data-dc-tpl="70" style="padding: 5px 11px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 9999px; cursor: pointer; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(224, 224, 222, 0.5); background: transparent;"><span class="sc-interp">error</span></button>
              
            </div>
          </div>
        </div>
      </div>

      
      <div data-dc-tpl="71" style="display: flex; gap: 2px; border-bottom: 1px solid var(--border); margin-bottom: 26px; overflow-x: auto;">
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-top-width: medium; border-right-width: medium; border-bottom: 2px solid rgb(var(--circuit-glow)); border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgb(var(--circuit-glow)); margin-bottom: -1px; text-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.4);"><span class="sc-interp">Overview</span></button>
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgba(224, 224, 222, 0.5); margin-bottom: -1px; text-shadow: none;"><span class="sc-interp">Invoices</span></button>
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgba(224, 224, 222, 0.5); margin-bottom: -1px; text-shadow: none;"><span class="sc-interp">Clients</span></button>
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgba(224, 224, 222, 0.5); margin-bottom: -1px; text-shadow: none;"><span class="sc-interp">Expenses</span></button>
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgba(224, 224, 222, 0.5); margin-bottom: -1px; text-shadow: none;"><span class="sc-interp">Credits</span></button>
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgba(224, 224, 222, 0.5); margin-bottom: -1px; text-shadow: none;"><span class="sc-interp">Subscriptions</span></button>
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgba(224, 224, 222, 0.5); margin-bottom: -1px; text-shadow: none;"><span class="sc-interp">E\xDCR Report</span></button>
        
          <button data-dc-tpl="73" style="padding: 12px 16px; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; cursor: pointer; font-family: var(--font-jetbrains); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; color: rgba(224, 224, 222, 0.5); margin-bottom: -1px; text-shadow: none;"><span class="sc-interp">Settings</span></button>
        
      </div>

      

      
      

      
      

      
      

      

      
      
        <div data-dc-tpl="104" style="display: grid; gap: 22px; animation: fin-rise 0.4s var(--liquid-ease);">

          
          
            <div data-dc-tpl="106" style="display: flex; align-items: center; gap: 14px; padding: 12px 18px; border-radius: 0.6rem; border: 1px dashed rgb(var(--pastel-gold) / 0.45); background: rgb(var(--pastel-gold) / 0.06);">
              <span data-dc-tpl="107" style="width: 9px; height: 9px; border-radius: 50%; background: rgb(var(--pastel-gold)); box-shadow: 0 0 8px rgb(var(--pastel-gold)); flex-shrink: 0;"></span>
              <span data-dc-tpl="108" style="font-size: 0.85rem; color: rgba(224, 224, 222, 0.85);"><strong data-dc-tpl="109" style="color: rgb(var(--pastel-gold)); font-weight: 600;">Projected</strong> \u2014 June isn't closed. Current-period figures are modeled from booked + recurring revenue. Toggle <em data-dc-tpl="110" style="font-style: normal; color: rgb(var(--circuit-glow));">Actual</em> to see booked-to-date only.</span>
            </div>
          
          

          
          <div data-dc-tpl="116" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;">
            
              <div data-dc-tpl="118" class="scp4" style="background: rgb(var(--basalt-surface) / 0.55); backdrop-filter: blur(24px); border: 1px dashed rgb(var(--pastel-gold) / 0.3); border-radius: var(--radius); padding: 18px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; transition: all 0.4s var(--liquid-ease);">
                <div data-dc-tpl="119" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="120" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">MTD Revenue</span></span>
                  <span data-dc-tpl="121" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--pastel-gold)); border: 1px solid rgb(var(--pastel-gold) / 0.25); background: rgb(var(--pastel-gold) / 0.06);"><span class="sc-interp">+12%</span></span>
                </div>
                <div data-dc-tpl="122" style="display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px;">
                  <span data-dc-tpl="123" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.85rem; line-height: 1; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">\u20AC18,400</span></span>
                  <span data-dc-tpl="125" style="font-family: var(--font-jetbrains); font-size: 9px; color: rgb(var(--pastel-gold)); border: 1px solid rgb(var(--pastel-gold) / 0.4); border-radius: 4px; padding: 1px 5px; letter-spacing: 0.1em;">PROJ</span>
                </div>
                <div data-dc-tpl="126" style="font-size: 0.78rem; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">Projected \xB7 Jun</span></div>
                <div data-dc-tpl="127" style="height: 4px; margin-top: 14px; background: rgba(255, 255, 255, 0.04); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="128" style="height: 100%; border-radius: 9999px; width: 74%; background: rgb(var(--pastel-gold)); box-shadow: 0 0 8px rgb(var(--pastel-gold));"></div></div>
              </div>
            
              <div data-dc-tpl="118" class="scp4" style="background: rgb(var(--basalt-surface) / 0.55); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: var(--radius); padding: 18px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; transition: all 0.4s var(--liquid-ease);">
                <div data-dc-tpl="119" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="120" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">Outstanding</span></span>
                  <span data-dc-tpl="121" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--accent-red)); border: 1px solid rgb(var(--accent-red) / 0.25); background: rgb(var(--accent-red) / 0.06);"><span class="sc-interp">3 unpaid</span></span>
                </div>
                <div data-dc-tpl="122" style="display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px;">
                  <span data-dc-tpl="123" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.85rem; line-height: 1; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">\u20AC6,200</span></span>
                  
                </div>
                <div data-dc-tpl="126" style="font-size: 0.78rem; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">1 overdue \xB7 2 sent</span></div>
                <div data-dc-tpl="127" style="height: 4px; margin-top: 14px; background: rgba(255, 255, 255, 0.04); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="128" style="height: 100%; border-radius: 9999px; width: 34%; background: rgb(var(--accent-red)); box-shadow: none;"></div></div>
              </div>
            
              <div data-dc-tpl="118" class="scp4" style="background: rgb(var(--basalt-surface) / 0.55); backdrop-filter: blur(24px); border: 1px dashed rgb(var(--pastel-gold) / 0.3); border-radius: var(--radius); padding: 18px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; transition: all 0.4s var(--liquid-ease);">
                <div data-dc-tpl="119" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="120" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">Expenses MTD</span></span>
                  <span data-dc-tpl="121" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--pastel-gold)); border: 1px solid rgb(var(--pastel-gold) / 0.25); background: rgb(var(--pastel-gold) / 0.06);"><span class="sc-interp">+7%</span></span>
                </div>
                <div data-dc-tpl="122" style="display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px;">
                  <span data-dc-tpl="123" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.85rem; line-height: 1; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">\u20AC4,182</span></span>
                  <span data-dc-tpl="125" style="font-family: var(--font-jetbrains); font-size: 9px; color: rgb(var(--pastel-gold)); border: 1px solid rgb(var(--pastel-gold) / 0.4); border-radius: 4px; padding: 1px 5px; letter-spacing: 0.1em;">PROJ</span>
                </div>
                <div data-dc-tpl="126" style="font-size: 0.78rem; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">Projected \xB7 Jun</span></div>
                <div data-dc-tpl="127" style="height: 4px; margin-top: 14px; background: rgba(255, 255, 255, 0.04); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="128" style="height: 100%; border-radius: 9999px; width: 23%; background: rgb(var(--pastel-gold)); box-shadow: 0 0 8px rgb(var(--pastel-gold));"></div></div>
              </div>
            
              <div data-dc-tpl="118" class="scp4" style="background: rgb(var(--basalt-surface) / 0.55); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: var(--radius); padding: 18px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; transition: all 0.4s var(--liquid-ease);">
                <div data-dc-tpl="119" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
                  <span data-dc-tpl="120" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">Cash Position</span></span>
                  <span data-dc-tpl="121" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--circuit-glow)); border: 1px solid rgb(var(--circuit-glow) / 0.25); background: rgb(var(--circuit-glow) / 0.06);"><span class="sc-interp">+\u20AC8.3k</span></span>
                </div>
                <div data-dc-tpl="122" style="display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px;">
                  <span data-dc-tpl="123" style="font-family: var(--font-inter); font-weight: 900; font-size: 1.85rem; line-height: 1; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">\u20AC62,480</span></span>
                  
                </div>
                <div data-dc-tpl="126" style="font-size: 0.78rem; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">Commerzbank \xB7 actual</span></div>
                <div data-dc-tpl="127" style="height: 4px; margin-top: 14px; background: rgba(255, 255, 255, 0.04); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="128" style="height: 100%; border-radius: 9999px; width: 88%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 8px rgb(var(--circuit-glow));"></div></div>
              </div>
            
          </div>

          
          <div data-dc-tpl="129" style="display: grid; grid-template-columns: 1.55fr 1fr; gap: 22px;">

            
            <div data-dc-tpl="130" class="glass" style="padding: 24px;">
              <div data-dc-tpl="131" style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;">
                <div data-dc-tpl="132">
                  <div data-dc-tpl="133" style="display: flex; align-items: center; gap: 10px; font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15rem; color: rgb(var(--accent-red)); margin-bottom: 8px;"><span data-dc-tpl="134" style="width: 16px; height: 2px; background: rgb(var(--accent-red));"></span>Trailing 6 months</div>
                  <h3 data-dc-tpl="135" style="margin: 0px; font-weight: 600; font-size: 1.3rem; color: rgb(var(--text));">Revenue vs Expenses</h3>
                </div>
                <div data-dc-tpl="136" style="display: flex; gap: 16px;">
                  <span data-dc-tpl="137" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(224, 224, 222, 0.6);"><span data-dc-tpl="138" style="width: 10px; height: 10px; border-radius: 2px; background: rgb(var(--circuit-glow));"></span>Revenue</span>
                  <span data-dc-tpl="139" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(224, 224, 222, 0.6);"><span data-dc-tpl="140" style="width: 10px; height: 10px; border-radius: 2px; background: rgb(var(--accent-red) / 0.7);"></span>Expenses</span>
                </div>
              </div>
              <div data-dc-tpl="141" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; height: 200px; padding-top: 8px; border-bottom: 1px solid var(--border);">
                
                  <div data-dc-tpl="143" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 8px; height: 100%; justify-content: flex-end;">
                    <div data-dc-tpl="144" style="display: flex; align-items: flex-end; gap: 5px; height: 100%;">
                      <div data-dc-tpl="145" title="\u20AC14.2k rev" style="width: 16px; height: 112px; border-radius: 3px 3px 0px 0px; background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.3);"></div>
                      <div data-dc-tpl="146" title="\u20AC3.8k exp" style="width: 16px; height: 30px; border-radius: 3px 3px 0px 0px; background: rgb(var(--accent-red) / 0.7); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                    </div>
                  </div>
                
                  <div data-dc-tpl="143" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 8px; height: 100%; justify-content: flex-end;">
                    <div data-dc-tpl="144" style="display: flex; align-items: flex-end; gap: 5px; height: 100%;">
                      <div data-dc-tpl="145" title="\u20AC15.6k rev" style="width: 16px; height: 123px; border-radius: 3px 3px 0px 0px; background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.3);"></div>
                      <div data-dc-tpl="146" title="\u20AC4.1k exp" style="width: 16px; height: 32px; border-radius: 3px 3px 0px 0px; background: rgb(var(--accent-red) / 0.7); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                    </div>
                  </div>
                
                  <div data-dc-tpl="143" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 8px; height: 100%; justify-content: flex-end;">
                    <div data-dc-tpl="144" style="display: flex; align-items: flex-end; gap: 5px; height: 100%;">
                      <div data-dc-tpl="145" title="\u20AC16.9k rev" style="width: 16px; height: 133px; border-radius: 3px 3px 0px 0px; background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.3);"></div>
                      <div data-dc-tpl="146" title="\u20AC3.6k exp" style="width: 16px; height: 28px; border-radius: 3px 3px 0px 0px; background: rgb(var(--accent-red) / 0.7); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                    </div>
                  </div>
                
                  <div data-dc-tpl="143" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 8px; height: 100%; justify-content: flex-end;">
                    <div data-dc-tpl="144" style="display: flex; align-items: flex-end; gap: 5px; height: 100%;">
                      <div data-dc-tpl="145" title="\u20AC15.2k rev" style="width: 16px; height: 120px; border-radius: 3px 3px 0px 0px; background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.3);"></div>
                      <div data-dc-tpl="146" title="\u20AC4.4k exp" style="width: 16px; height: 35px; border-radius: 3px 3px 0px 0px; background: rgb(var(--accent-red) / 0.7); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                    </div>
                  </div>
                
                  <div data-dc-tpl="143" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 8px; height: 100%; justify-content: flex-end;">
                    <div data-dc-tpl="144" style="display: flex; align-items: flex-end; gap: 5px; height: 100%;">
                      <div data-dc-tpl="145" title="\u20AC17.8k rev" style="width: 16px; height: 141px; border-radius: 3px 3px 0px 0px; background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.3);"></div>
                      <div data-dc-tpl="146" title="\u20AC3.9k exp" style="width: 16px; height: 31px; border-radius: 3px 3px 0px 0px; background: rgb(var(--accent-red) / 0.7); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;"></div>
                    </div>
                  </div>
                
                  <div data-dc-tpl="143" style="flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 8px; height: 100%; justify-content: flex-end;">
                    <div data-dc-tpl="144" style="display: flex; align-items: flex-end; gap: 5px; height: 100%;">
                      <div data-dc-tpl="145" title="\u20AC18.4k rev" style="width: 16px; height: 145px; border-radius: 3px 3px 0px 0px; background: rgb(var(--circuit-glow) / 0.2); border: 1px dashed rgb(var(--circuit-glow) / 0.7); box-shadow: none;"></div>
                      <div data-dc-tpl="146" title="\u20AC4.18k exp" style="width: 16px; height: 33px; border-radius: 3px 3px 0px 0px; background: rgb(var(--accent-red) / 0.15); border: 1px dashed rgb(var(--accent-red) / 0.6);"></div>
                    </div>
                  </div>
                
              </div>
              <div data-dc-tpl="147" style="display: flex; justify-content: space-between; gap: 14px; margin-top: 8px;">
                
                  <div data-dc-tpl="149" style="flex: 1 1 0%; text-align: center; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">Jan</span></div>
                
                  <div data-dc-tpl="149" style="flex: 1 1 0%; text-align: center; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">Feb</span></div>
                
                  <div data-dc-tpl="149" style="flex: 1 1 0%; text-align: center; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">Mar</span></div>
                
                  <div data-dc-tpl="149" style="flex: 1 1 0%; text-align: center; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">Apr</span></div>
                
                  <div data-dc-tpl="149" style="flex: 1 1 0%; text-align: center; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(224, 224, 222, 0.5);"><span class="sc-interp">May</span></div>
                
                  <div data-dc-tpl="149" style="flex: 1 1 0%; text-align: center; font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--pastel-gold));"><span class="sc-interp">Jun \xB7P</span></div>
                
              </div>
            </div>

            
            <div data-dc-tpl="150" style="background: rgb(var(--basalt-surface) / 0.6); backdrop-filter: blur(24px); border: 1px dashed rgb(var(--pastel-gold) / 0.35); border-radius: var(--radius); padding: 24px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset;">
              <div data-dc-tpl="151" style="display: flex; align-items: center; gap: 10px; font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15rem; color: rgb(var(--circuit-glow)); margin-bottom: 18px;"><span data-dc-tpl="152" style="width: 16px; height: 2px; background: rgb(var(--circuit-glow));"></span>E\xDCR \xB7 at a glance</div>
              <div data-dc-tpl="153" style="display: flex; flex-direction: column; gap: 2px;">
                <div data-dc-tpl="154" style="display: flex; justify-content: space-between; align-items: center; padding: 14px 0px;">
                  <span data-dc-tpl="155" style="font-size: 0.9rem; color: rgba(224, 224, 222, 0.75);">Einnahmen</span>
                  <span data-dc-tpl="156" style="font-family: var(--font-jetbrains); font-size: 1.05rem; color: rgb(var(--circuit-glow));"><span class="sc-interp">\u20AC18,400</span></span>
                </div>
                <div data-dc-tpl="157" style="height: 1px; background: var(--border);"></div>
                <div data-dc-tpl="158" style="display: flex; justify-content: space-between; align-items: center; padding: 14px 0px;">
                  <span data-dc-tpl="159" style="font-size: 0.9rem; color: rgba(224, 224, 222, 0.75);">\u2212 Ausgaben</span>
                  <span data-dc-tpl="160" style="font-family: var(--font-jetbrains); font-size: 1.05rem; color: rgb(var(--accent-red));"><span class="sc-interp">\u20AC4,182</span></span>
                </div>
                <div data-dc-tpl="161" style="height: 2px; background: rgba(255, 255, 255, 0.12);"></div>
                <div data-dc-tpl="162" style="display: flex; justify-content: space-between; align-items: baseline; padding: 18px 0px 6px;">
                  <div data-dc-tpl="163">
                    <div data-dc-tpl="164" style="font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-muted); margin-bottom: 4px;">\xDCberschuss</div>
                    <div data-dc-tpl="165" style="display: flex; align-items: center; gap: 8px;">
                      <span data-dc-tpl="166" style="font-size: 0.8rem; color: rgba(224, 224, 222, 0.55);">= Ergebnis</span>
                      <span data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 9px; color: rgb(var(--pastel-gold)); border: 1px solid rgb(var(--pastel-gold) / 0.4); border-radius: 4px; padding: 1px 5px; letter-spacing: 0.1em;">PROJ</span>
                    </div>
                  </div>
                  <span data-dc-tpl="169" style="font-family: var(--font-jetbrains); font-size: 1.7rem; font-weight: 600; color: rgb(var(--pastel-gold)); text-shadow: 0 0 12px rgb(var(--pastel-gold) / 0.4);"><span class="sc-interp">\u20AC14,218</span></span>
                </div>
              </div>
              <button data-dc-tpl="170" class="scp5" style="margin-top: 20px; width: 100%; padding: 0.7rem; background: transparent; color: rgb(var(--circuit-glow)); border: 1px solid rgb(var(--circuit-glow) / 0.3); border-radius: 0.6rem; font-family: var(--font-inter); font-weight: 700; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.05em; cursor: pointer;">Open full E\xDCR report \u2192</button>
            </div>
          </div>
        </div>
      

      
      

      
      

      
      

      
      

      
      

      
      

      
      

      
      

      
      

    </div>
  </main></div></div></div>`,window.AAAS_DESIGN_PANES["streamOverview-platform"]=`<div id="dc-root"><div class="sc-host" data-sc-name="Platform Stream"><div data-dc-tpl="4" style="position: relative; min-height: 100vh; display: grid; grid-template-columns: 236px 1fr; font-family: var(--font-inter); color: rgb(var(--text));">

  <div data-dc-tpl="5" aria-hidden="true" style="position: fixed; inset: 0px; z-index: -3; background: radial-gradient(at 32% 18%, rgb(42, 42, 46) 0%, rgb(8, 8, 9) 62%);"></div>
  <div data-dc-tpl="6" aria-hidden="true" style="position: fixed; inset: 0px; z-index: -2; pointer-events: none; overflow: hidden;">
    <div data-dc-tpl="7" style="position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(90px); opacity: 0.13; background: rgb(var(--circuit-glow)); top: -12%; left: -8%; animation: 26s ease-in-out 0s infinite normal none running cp-drift;"></div>
    <div data-dc-tpl="8" style="position: absolute; width: 420px; height: 420px; border-radius: 50%; filter: blur(90px); opacity: 0.11; background: rgb(var(--accent-red)); bottom: -12%; right: -6%; animation: 30s ease-in-out 0s infinite reverse none running cp-drift;"></div>
    <div data-dc-tpl="9" style="position: absolute; width: 360px; height: 360px; border-radius: 50%; filter: blur(90px); opacity: 0.08; background: rgb(var(--accent-teal)); top: 42%; right: 28%; animation: 34s ease-in-out 0s infinite normal none running cp-drift;"></div>
  </div>
  <div data-dc-tpl="10" aria-hidden="true" style="position: fixed; inset: 0px; z-index: -1; pointer-events: none; opacity: 0.02; mix-blend-mode: overlay; background-image: url(&quot;data:image/svg+xml,%3Csvg sc-camel-view-box='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' sc-camel-base-frequency='0.85' sc-camel-num-octaves='3' sc-camel-stitch-tiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E&quot;);"></div>

  <aside data-dc-tpl="11" style="background: rgb(var(--basalt-surface) / 0.6); backdrop-filter: blur(24px); border-right: 1px solid rgba(255, 255, 255, 0.08); padding: 22px 14px; display: flex; flex-direction: column; gap: 20px; box-shadow: rgba(255, 255, 255, 0.04) -1px 0px 0px inset; position: sticky; top: 0px; height: 100vh;">
    <div data-dc-tpl="12" style="padding: 2px 8px 0px;">
      <div data-dc-tpl="13" style="display: flex; align-items: center; gap: 10px; padding-left: 12px; border-left: 2px solid rgb(var(--circuit-glow));">
        <span data-dc-tpl="14" style="width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 8px rgb(var(--circuit-glow)); animation: 3s ease-in-out 0s infinite normal none running cp-dual;"></span>
        <span data-dc-tpl="15" class="label-overline" style="letter-spacing: 0.22rem; color: rgb(var(--text));">aaas.platform</span>
      </div>
      <div data-dc-tpl="16" class="label-overline" style="color: var(--text-muted); padding-left: 14px; margin-top: 8px; font-size: 0.56rem;">Stream \xB7 S12 / control plane</div>
    </div>
    <nav data-dc-tpl="17" style="display: flex; flex-direction: column; gap: 2px;">
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Overview</span></span>
          
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16zM3.27 6.96L12 12l8.73-5.04M12 22V12"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Apps</span></span>
          
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgb(var(--circuit-glow)); background: rgb(var(--circuit-glow) / 0.08); text-shadow: 0 0 10px rgb(var(--circuit-glow) / 0.4);">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Integrations</span></span>
          <span data-dc-tpl="24" style="font-family: var(--font-jetbrains); font-size: 9px; padding: 1px 6px; border-radius: 9999px; color: rgb(var(--accent-red)); background: rgb(var(--accent-red)/0.12); border: 1px solid rgb(var(--accent-red)/0.25);"><span class="sc-interp">4</span></span>
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M16 18l6-6-6-6M8 6l-6 6 6 6"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Functions</span></span>
          <span data-dc-tpl="24" style="font-family: var(--font-jetbrains); font-size: 9px; padding: 1px 6px; border-radius: 9999px; color: rgb(var(--accent-red)); background: rgb(var(--accent-red)/0.12); border: 1px solid rgb(var(--accent-red)/0.25);"><span class="sc-interp">1</span></span>
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Health</span></span>
          
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Logs</span></span>
          
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 01-3.4 0"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Alerts</span></span>
          <span data-dc-tpl="24" style="font-family: var(--font-jetbrains); font-size: 9px; padding: 1px 6px; border-radius: 9999px; color: rgb(var(--accent-red)); background: rgb(var(--accent-red)/0.12); border: 1px solid rgb(var(--accent-red)/0.25);"><span class="sc-interp">3</span></span>
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M21 2l-2 2M15.5 7.5L19 11l3-3-3-3-3.5 3.5zM12.4 10.6a5.5 5.5 0 11-7.8 7.8 5.5 5.5 0 017.8-7.8z"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Secrets</span></span>
          
        </button>
      
        <button data-dc-tpl="19" class="scp0" style="display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-family: var(--font-inter); font-size: 12.5px; text-align: left; border-radius: var(--radius-btn); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; width: 100%; transition: all 0.2s var(--liquid-ease); color: rgba(224, 224, 222, 0.55); background: transparent; text-shadow: none;">
          <svg data-dc-tpl="20" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="21" d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7"></path></svg>
          <span data-dc-tpl="22" style="flex: 1 1 0%;"><span class="sc-interp">Flags</span></span>
          
        </button>
      
    </nav>
    <div data-dc-tpl="25" style="margin-top: auto; padding: 14px 12px 4px; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 8px;">
      <div data-dc-tpl="26" style="display: flex; align-items: center; gap: 8px;">
        <span data-dc-tpl="27" style="width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 8px rgb(var(--circuit-glow)); animation: 3s ease-in-out 0s infinite normal none running cp-dual;"></span>
        <span data-dc-tpl="28" class="label-overline" style="color: var(--text-muted);">Control plane \xB7 Online</span>
      </div>
      <div data-dc-tpl="29" class="label-overline" style="color: var(--text-muted); font-size: 0.55rem;">v2.0.3 \xB7 GSM-backed \xB7 HITL on</div>
    </div>
  </aside>

  <main data-dc-tpl="30" style="display: flex; flex-direction: column; min-width: 0px;">

    <div data-dc-tpl="31" style="display: grid; grid-template-columns: auto 1fr auto; gap: 22px; align-items: center; padding: 14px 28px; border-bottom: 1px solid var(--border); position: sticky; top: 0px; z-index: 30; background: rgb(var(--basalt-deep) / 0.72); backdrop-filter: blur(18px);">
      <div data-dc-tpl="32">
        <div data-dc-tpl="33" class="label-overline" style="color: var(--text-muted); font-size: 0.55rem;">Workspace</div>
        <div data-dc-tpl="34" style="font-weight: 600; font-size: 13.5px; display: flex; align-items: center; gap: 7px; margin-top: 2px; cursor: pointer;">companyx-hub \xB7 prod
          <svg data-dc-tpl="35" width="10" height="6" viewBox="0 0 10 6"><path data-dc-tpl="36" d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"></path></svg>
        </div>
      </div>
      <div data-dc-tpl="37" style="display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: rgb(var(--basalt-surface) / 0.6); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: var(--radius); max-width: 440px; width: 100%; margin: 0px auto; color: var(--text-muted);">
        <svg data-dc-tpl="38" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle data-dc-tpl="39" cx="11" cy="11" r="7"></circle><path data-dc-tpl="40" d="M20 20l-3.5-3.5"></path></svg>
        <input data-dc-tpl="41" placeholder="Search services, integrations, secrets\u2026" style="flex: 1 1 0%; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: rgb(var(--text)); font-family: var(--font-inter); font-size: 13px;">
        <span data-dc-tpl="42" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 6px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 4px; color: var(--text-muted);">\u2318K</span>
      </div>
      <div data-dc-tpl="43" style="display: flex; align-items: center; gap: 12px;">
        <button data-dc-tpl="44" aria-label="Toggle theme" class="scp1" style="width: 34px; height: 34px; border-radius: 8px; background: none; border: 1px solid transparent; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center;">
          <svg data-dc-tpl="45" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path data-dc-tpl="46" d="M12 3a6 6 0 000 12 6 6 0 000-12zM12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"></path></svg>
        </button>
        <button data-dc-tpl="47" aria-label="Alerts" class="scp1" style="width: 34px; height: 34px; border-radius: 8px; background: none; border: 1px solid transparent; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative;">
          <svg data-dc-tpl="48" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path data-dc-tpl="49" d="M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9"></path><path data-dc-tpl="50" d="M13.7 21a2 2 0 01-3.4 0"></path></svg>
          <span data-dc-tpl="51" style="position: absolute; top: 6px; right: 6px; width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-red)); box-shadow: 0 0 6px rgb(var(--accent-red));"></span>
        </button>
        <div data-dc-tpl="52" style="display: flex; align-items: center; gap: 9px; padding: 4px 12px 4px 4px; background: rgb(var(--basalt-surface) / 0.5); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 9999px;">
          <span data-dc-tpl="53" style="width: 27px; height: 27px; border-radius: 50%; background: rgb(var(--circuit-glow) / 0.2); border: 1px solid rgb(var(--circuit-glow) / 0.4); color: rgb(var(--circuit-glow)); font-family: var(--font-jetbrains); font-weight: 500; font-size: 11px; display: flex; align-items: center; justify-content: center;">M</span>
          <span data-dc-tpl="54" style="display: flex; flex-direction: column; line-height: 1.15;">
            <span data-dc-tpl="55" style="font-size: 12px; font-weight: 500;">Maya Okonkwo</span>
            <span data-dc-tpl="56" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem;">Operator \xB7 SRE</span>
          </span>
        </div>
      </div>
    </div>

    <div data-dc-tpl="57" style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 18px 28px 0px;">
      
        <div data-dc-tpl="59" class="glass" style="padding: 15px 16px; border-radius: var(--radius);">
          <div data-dc-tpl="60" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <span data-dc-tpl="61" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">Services Up</span></span>
            <span data-dc-tpl="62" style="font-family: var(--font-jetbrains); font-size: 9.5px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--accent-red)); background: rgb(var(--accent-red)/0.06); border: 1px solid rgb(var(--accent-red)/0.25);"><span class="sc-interp">\u22122</span></span>
          </div>
          <div data-dc-tpl="63" style="font-weight: 900; font-size: 1.7rem; line-height: 1; margin-bottom: 12px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">38/40</span></div>
          <div data-dc-tpl="64" style="height: 3px; background: rgba(255, 255, 255, 0.05); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="65" style="height: 100%; border-radius: 9999px; width: 95%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 8px rgb(var(--circuit-glow));"></div></div>
        </div>
      
        <div data-dc-tpl="59" class="glass" style="padding: 15px 16px; border-radius: var(--radius);">
          <div data-dc-tpl="60" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <span data-dc-tpl="61" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">Open Alerts</span></span>
            <span data-dc-tpl="62" style="font-family: var(--font-jetbrains); font-size: 9.5px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--accent-red)); background: rgb(var(--accent-red)/0.06); border: 1px solid rgb(var(--accent-red)/0.25);"><span class="sc-interp">LIVE</span></span>
          </div>
          <div data-dc-tpl="63" style="font-weight: 900; font-size: 1.7rem; line-height: 1; margin-bottom: 12px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">3</span></div>
          <div data-dc-tpl="64" style="height: 3px; background: rgba(255, 255, 255, 0.05); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="65" style="height: 100%; border-radius: 9999px; width: 30%; background: rgb(var(--accent-red)); box-shadow: 0 0 8px rgb(var(--accent-red));"></div></div>
        </div>
      
        <div data-dc-tpl="59" class="glass" style="padding: 15px 16px; border-radius: var(--radius);">
          <div data-dc-tpl="60" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <span data-dc-tpl="61" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">Integrations</span></span>
            <span data-dc-tpl="62" style="font-family: var(--font-jetbrains); font-size: 9.5px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--circuit-glow)); background: rgb(var(--circuit-glow)/0.06); border: 1px solid rgb(var(--circuit-glow)/0.25);"><span class="sc-interp">CONNECT</span></span>
          </div>
          <div data-dc-tpl="63" style="font-weight: 900; font-size: 1.7rem; line-height: 1; margin-bottom: 12px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">4/10</span></div>
          <div data-dc-tpl="64" style="height: 3px; background: rgba(255, 255, 255, 0.05); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="65" style="height: 100%; border-radius: 9999px; width: 40%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 8px rgb(var(--circuit-glow));"></div></div>
        </div>
      
        <div data-dc-tpl="59" class="glass" style="padding: 15px 16px; border-radius: var(--radius);">
          <div data-dc-tpl="60" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
            <span data-dc-tpl="61" class="label-overline" style="color: var(--text-muted);"><span class="sc-interp">Deploys Today</span></span>
            <span data-dc-tpl="62" style="font-family: var(--font-jetbrains); font-size: 9.5px; padding: 2px 7px; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(var(--accent-teal)); background: rgb(var(--accent-teal)/0.06); border: 1px solid rgb(var(--accent-teal)/0.25);"><span class="sc-interp">+4</span></span>
          </div>
          <div data-dc-tpl="63" style="font-weight: 900; font-size: 1.7rem; line-height: 1; margin-bottom: 12px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(136, 136, 136) 100%) text; -webkit-text-fill-color: transparent;"><span class="sc-interp">12</span></div>
          <div data-dc-tpl="64" style="height: 3px; background: rgba(255, 255, 255, 0.05); border-radius: 9999px; overflow: hidden;"><div data-dc-tpl="65" style="height: 100%; border-radius: 9999px; width: 62%; background: rgb(var(--accent-teal)); box-shadow: 0 0 8px rgb(var(--accent-teal));"></div></div>
        </div>
      
    </div>

    <div data-dc-tpl="66" style="padding: 22px 28px 40px; display: flex; flex-direction: column; gap: 20px; min-width: 0px;">

      <div data-dc-tpl="67" style="display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap;">
        <div data-dc-tpl="68">
          <div data-dc-tpl="69" style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;">
            <span data-dc-tpl="70" style="width: 18px; height: 2px; background: rgb(var(--accent-red)); box-shadow: 0 0 8px var(--accent-red-glow);"></span>
            <span data-dc-tpl="71" class="label-overline" style="color: rgb(var(--accent-red));"><span class="sc-interp">Data Sources \xB7 Connect</span></span>
          </div>
          <h2 data-dc-tpl="72" style="margin: 0px; font-family: var(--font-inter); font-weight: 900; text-transform: uppercase; letter-spacing: -0.03em; font-size: 2rem; line-height: 0.95;"><span class="sc-interp">Integrations</span><span data-dc-tpl="73" style="color: rgb(var(--accent-red));">.</span></h2>
          <p data-dc-tpl="74" style="margin: 6px 0px 0px; color: var(--text-muted); font-size: 0.9rem;"><span class="sc-interp">Connect the sources behind every dashboard in the canvas</span></p>
        </div>
        <div data-dc-tpl="75" style="display: flex; align-items: center; gap: 14px;">
          <div data-dc-tpl="76" style="display: flex; align-items: center; gap: 8px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 9999px; background: rgb(var(--basalt-surface)/0.4);">
            <span data-dc-tpl="77" class="label-overline" style="color: var(--text-muted); padding-left: 8px; font-size: 0.5rem;">State</span>
            
              <button data-dc-tpl="79" style="font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.08em; padding: 5px 11px; border-radius: 9999px; cursor: pointer; border: 1px solid rgb(var(--circuit-glow)/0.3); color: rgb(var(--circuit-glow)); background: rgb(var(--circuit-glow)/0.1);"><span class="sc-interp">live</span></button>
            
              <button data-dc-tpl="79" style="font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.08em; padding: 5px 11px; border-radius: 9999px; cursor: pointer; border: 1px solid transparent; color: var(--text-muted); background: transparent;"><span class="sc-interp">loading</span></button>
            
              <button data-dc-tpl="79" style="font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.08em; padding: 5px 11px; border-radius: 9999px; cursor: pointer; border: 1px solid transparent; color: var(--text-muted); background: transparent;"><span class="sc-interp">empty</span></button>
            
              <button data-dc-tpl="79" style="font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.08em; padding: 5px 11px; border-radius: 9999px; cursor: pointer; border: 1px solid transparent; color: var(--text-muted); background: transparent;"><span class="sc-interp">error</span></button>
            
          </div>
          
        </div>
      </div>

      

      

      

      

        

        
          <div data-dc-tpl="145" style="display: flex; flex-direction: column; gap: 16px; animation: cp-in 0.4s var(--liquid-ease);">
            <div data-dc-tpl="146" class="glass" style="border-radius: var(--radius); padding: 14px 18px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; border-color: rgb(var(--circuit-glow)/0.15);">
              <svg data-dc-tpl="147" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="rgb(var(--circuit-glow))" stroke-width="1.5" stroke-linecap="round" style="flex-shrink: 0;"><path data-dc-tpl="148" d="M12 2v6M12 22v-6M4.9 4.9l4.2 4.2M14.9 14.9l4.2 4.2M2 12h6M22 12h-6M4.9 19.1l4.2-4.2M14.9 9.1l4.2-4.2"></path></svg>
              <p data-dc-tpl="149" style="margin: 0px; font-size: 0.9rem; color: var(--text-muted); flex: 1 1 0%; min-width: 240px;">Integrations are the sources behind <span data-dc-tpl="150" style="color: rgb(var(--text));">every dashboard in the canvas</span>. Connect one here and its 141 mock dashboards bind to real data. Secrets are GSM-backed \u2014 the canvas holds a reference, never the value.</p>
              <div data-dc-tpl="151" style="display: flex; gap: 18px; flex-shrink: 0;">
                <div data-dc-tpl="152" style="text-align: right;"><div data-dc-tpl="153" style="font-family: var(--font-jetbrains); font-size: 1.3rem; font-weight: 500; color: rgb(var(--accent-teal));">4</div><div data-dc-tpl="154" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem;">Connected</div></div>
                <div data-dc-tpl="155" style="text-align: right;"><div data-dc-tpl="156" style="font-family: var(--font-jetbrains); font-size: 1.3rem; font-weight: 500; color: rgb(var(--pastel-gold));">2</div><div data-dc-tpl="157" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem;">Expired</div></div>
                <div data-dc-tpl="158" style="text-align: right;"><div data-dc-tpl="159" style="font-family: var(--font-jetbrains); font-size: 1.3rem; font-weight: 500; color: var(--text-muted);">4</div><div data-dc-tpl="160" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem;">Not Connected</div></div>
              </div>
            </div>
            <div data-dc-tpl="161" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px;">
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">GA</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Google Analytics 4</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">ga4</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgb(var(--accent-teal)); background: rgb(var(--accent-teal)/0.1); border: 1px solid rgb(var(--accent-teal)/0.25);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-teal));"></span><span class="sc-interp">Connected</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">06:00</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">read:analytics</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/ga4-sa</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">analytics/funnel</span></span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">email/overview</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                      
                        <button data-dc-tpl="192" class="scp6" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--circuit-glow)); background: transparent; border: 1px solid rgb(var(--circuit-glow)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Reconnect</span></button>
                      
                    
                      
                        <button data-dc-tpl="188" class="scp4" style="padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--accent-red)); background: transparent; border: 1px solid rgb(var(--accent-red)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Disconnect</span></button>
                      
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">ST</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Stripe</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">stripe</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgb(var(--accent-teal)); background: rgb(var(--accent-teal)/0.1); border: 1px solid rgb(var(--accent-teal)/0.25);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-teal));"></span><span class="sc-interp">Connected</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">05:58</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">read:charges</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/billing-provider-key</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">billing/mrr</span></span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">ops/revenue</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                      
                        <button data-dc-tpl="192" class="scp6" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--circuit-glow)); background: transparent; border: 1px solid rgb(var(--circuit-glow)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Reconnect</span></button>
                      
                    
                      
                        <button data-dc-tpl="188" class="scp4" style="padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--accent-red)); background: transparent; border: 1px solid rgb(var(--accent-red)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Disconnect</span></button>
                      
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">GH</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">GitHub</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">github</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgb(var(--accent-teal)); background: rgb(var(--accent-teal)/0.1); border: 1px solid rgb(var(--accent-teal)/0.25);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-teal));"></span><span class="sc-interp">Connected</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">06:02</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">repo:deploy</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/github-pat</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">functions/deploy</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                      
                        <button data-dc-tpl="192" class="scp6" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--circuit-glow)); background: transparent; border: 1px solid rgb(var(--circuit-glow)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Reconnect</span></button>
                      
                    
                      
                        <button data-dc-tpl="188" class="scp4" style="padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--accent-red)); background: transparent; border: 1px solid rgb(var(--accent-red)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Disconnect</span></button>
                      
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">SL</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Slack</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">slack</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgb(var(--accent-teal)); background: rgb(var(--accent-teal)/0.1); border: 1px solid rgb(var(--accent-teal)/0.25);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-teal));"></span><span class="sc-interp">Connected</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">06:04</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">chat:write</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/slack-webhook</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">alerts/notify</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                      
                        <button data-dc-tpl="192" class="scp6" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--circuit-glow)); background: transparent; border: 1px solid rgb(var(--circuit-glow)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Reconnect</span></button>
                      
                    
                      
                        <button data-dc-tpl="188" class="scp4" style="padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--accent-red)); background: transparent; border: 1px solid rgb(var(--accent-red)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Disconnect</span></button>
                      
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">PH</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">PostHog EU</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">posthog</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgb(var(--pastel-gold)); background: rgb(var(--pastel-gold)/0.1); border: 1px solid rgb(var(--pastel-gold)/0.25);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--pastel-gold));"></span><span class="sc-interp">Expired</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">2d ago</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">read:events</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/posthog-token</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">ops/cro</span></span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">analytics/posthog-funnel</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                        <button data-dc-tpl="190" class="scp5" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--basalt-deep)); background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Reconnect</span></button>
                      
                      
                    
                      
                        <button data-dc-tpl="188" class="scp4" style="padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--accent-red)); background: transparent; border: 1px solid rgb(var(--accent-red)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Disconnect</span></button>
                      
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">AI</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">OpenAI</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">openai</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgb(var(--pastel-gold)); background: rgb(var(--pastel-gold)/0.1); border: 1px solid rgb(var(--pastel-gold)/0.25);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--pastel-gold));"></span><span class="sc-interp">Expired</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">5d ago</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">api:complete</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/openai-key</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">agents/*</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                        <button data-dc-tpl="190" class="scp5" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--basalt-deep)); background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Reconnect</span></button>
                      
                      
                    
                      
                        <button data-dc-tpl="188" class="scp4" style="padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--accent-red)); background: transparent; border: 1px solid rgb(var(--accent-red)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Disconnect</span></button>
                      
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">SG</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Segment</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">segment</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgb(var(--accent-red)); background: rgb(var(--accent-red)/0.1); border: 1px solid rgb(var(--accent-red)/0.25);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-red));"></span><span class="sc-interp">Error</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">failed 04:11</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">write:track</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">gsm://company-x/segment-key</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">analytics/*</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                        <button data-dc-tpl="190" class="scp5" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--basalt-deep)); background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Retry</span></button>
                      
                      
                    
                      
                        <button data-dc-tpl="188" class="scp4" style="padding: 8px 14px; font-family: var(--font-inter); font-weight: 600; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--accent-red)); background: transparent; border: 1px solid rgb(var(--accent-red)/0.3); transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Disconnect</span></button>
                      
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">RS</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Resend</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">resend</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgba(224, 224, 222, 0.6); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgba(224, 224, 222, 0.4);"></span><span class="sc-interp">Not Connected</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">not provisioned</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">email/*</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                        <button data-dc-tpl="190" class="scp5" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--basalt-deep)); background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Connect</span></button>
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">SN</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Snowflake</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">snowflake</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgba(224, 224, 222, 0.6); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgba(224, 224, 222, 0.4);"></span><span class="sc-interp">Not Connected</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">not provisioned</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">warehouse/*</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                        <button data-dc-tpl="190" class="scp5" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--basalt-deep)); background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Connect</span></button>
                      
                      
                    
                  </div>
                </div>
              
                <div data-dc-tpl="163" class="glass scp3" style="border-radius: var(--radius); padding: 16px 17px; display: flex; flex-direction: column; gap: 13px; transition: all 0.3s var(--liquid-ease);">
                  <div data-dc-tpl="164" style="display: flex; align-items: center; gap: 12px;">
                    <span data-dc-tpl="165" style="width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-jetbrains); font-size: 12px; font-weight: 600; color: rgb(var(--text)); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);"><span class="sc-interp">CF</span></span>
                    <div data-dc-tpl="166" style="min-width: 0px; flex: 1 1 0%;">
                      <div data-dc-tpl="167" style="font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">Salesforce</span></div>
                      <div data-dc-tpl="168" style="font-family: var(--font-jetbrains); font-size: 10px; color: var(--text-muted); margin-top: 2px;"><span class="sc-interp">salesforce</span></div>
                    </div>
                    <span data-dc-tpl="169" style="display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 9999px; flex-shrink: 0; color: rgba(224, 224, 222, 0.6); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1);"><span data-dc-tpl="170" style="width: 6px; height: 6px; border-radius: 50%; background: rgba(224, 224, 222, 0.4);"></span><span class="sc-interp">Not Connected</span></span>
                  </div>
                  <div data-dc-tpl="171" style="display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: 11.5px;">
                    <span data-dc-tpl="172" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Last sync</span><span data-dc-tpl="173" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="174" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Scope</span><span data-dc-tpl="175" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">\u2014</span></span>
                    <span data-dc-tpl="176" class="label-overline" style="color: var(--text-muted); font-size: 0.5rem; align-self: center;">Secret</span>
                    <span data-dc-tpl="177" style="display: flex; align-items: center; gap: 6px; font-family: var(--font-jetbrains); font-size: 10.5px; color: rgb(var(--circuit-glow)); overflow: hidden;"><svg data-dc-tpl="178" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="flex-shrink: 0;"><path data-dc-tpl="179" d="M19 11H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2v-6a2 2 0 00-2-2zM7 11V7a5 5 0 0110 0v4"></path></svg><span data-dc-tpl="180" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"><span class="sc-interp">not provisioned</span></span></span>
                  </div>
                  <div data-dc-tpl="181" style="display: flex; flex-wrap: wrap; gap: 5px; align-items: center;">
                    <span data-dc-tpl="182" class="label-overline" style="color: var(--text-muted); font-size: 0.48rem; margin-right: 2px;">Used by</span>
                    
                      <span data-dc-tpl="184" style="font-family: var(--font-jetbrains); font-size: 10px; padding: 2px 7px; border-radius: 5px; color: var(--text-muted); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06);"><span class="sc-interp">crm/*</span></span>
                    
                  </div>
                  <div data-dc-tpl="185" style="display: flex; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, 0.05);">
                    
                      
                      
                        <button data-dc-tpl="190" class="scp5" style="flex: 1 1 0%; padding: 8px 14px; font-family: var(--font-inter); font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em; border-radius: var(--radius-btn); cursor: pointer; color: rgb(var(--basalt-deep)); background: rgb(var(--circuit-glow)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: all 0.3s var(--liquid-ease);"><span class="sc-interp">Connect</span></button>
                      
                      
                    
                  </div>
                </div>
              
            </div>
          </div>
        

        

      
    </div>
  </main>

  

  </div></div></div>`,window.AAAS_DESIGN_PANES.qualitySupportChat=`            <div data-dc-tpl="222" style="display: grid; grid-template-columns: 1fr 260px; gap: 16px;">
              
              <div data-dc-tpl="223" style="border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 0.75rem; background: rgba(8, 8, 9, 0.4); display: flex; flex-direction: column; overflow: hidden; min-height: 420px;">
                <div data-dc-tpl="224" style="display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06);">
                  <span data-dc-tpl="225" style="width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--circuit-glow)); box-shadow: 0 0 6px rgb(var(--circuit-glow)); animation: 1.4s ease-in-out 0s infinite normal none running qs-pulse;"></span>
                  <span data-dc-tpl="226" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text));"><span class="sc-interp">conv-4471</span></span>
                  <span data-dc-tpl="227" style="font-family: var(--font-jetbrains); font-size: 9px; color: rgba(224, 224, 222, 0.4); text-transform: uppercase; letter-spacing: 0.1em; margin-left: auto;">live \xB7 <span class="sc-interp">SSO login loop after workspace switch</span></span>
                </div>
                <div data-dc-tpl="228" style="flex: 1 1 0%; padding: 18px; display: flex; flex-direction: column; gap: 14px; overflow: auto;">
                  
                    <div data-dc-tpl="230" style="display: flex; justify-content: flex-start;">
                      
                        <span data-dc-tpl="232" style="font-family: var(--font-jetbrains); font-size: 10px; color: rgba(224, 224, 222, 0.4); text-transform: uppercase; letter-spacing: 0.08em; text-align: center; width: 100%;"><span class="sc-interp">Conversation routed from ticket s-1187 \xB7 priority high</span></span>
                      
                      
                    </div>
                  
                    <div data-dc-tpl="230" style="display: flex; justify-content: flex-end;">
                      
                      
                        <div data-dc-tpl="234" style="max-width: 78%; padding: 10px 14px; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);">
                          <div data-dc-tpl="235" style="font-family: var(--font-jetbrains); font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 5px; color: rgba(224, 224, 222, 0.6);"><span class="sc-interp">Maya Okonkwo</span> \xB7 <span class="sc-interp">13:03</span></div>
                          <div data-dc-tpl="236" style="font-family: var(--font-inter); font-size: 13px; line-height: 1.5; color: rgb(var(--text));"><span class="sc-interp">After switching to aaas-platform-prod I get bounced back to the SSO screen on every reload.</span></div>
                        </div>
                      
                    </div>
                  
                    <div data-dc-tpl="230" style="display: flex; justify-content: flex-start;">
                      
                      
                        <div data-dc-tpl="234" style="max-width: 78%; padding: 10px 14px; border-radius: 0.75rem; background: rgb(var(--circuit-glow) / 0.08); border: 1px solid rgb(var(--circuit-glow) / 0.25);">
                          <div data-dc-tpl="235" style="font-family: var(--font-jetbrains); font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 5px; color: rgb(var(--circuit-glow));"><span class="sc-interp">support-agent</span> \xB7 <span class="sc-interp">13:04</span></div>
                          <div data-dc-tpl="236" style="font-family: var(--font-inter); font-size: 13px; line-height: 1.5; color: rgb(var(--text));"><span class="sc-interp">Thanks Maya \u2014 I can see two active sessions on your account. This usually means the workspace token isn't being persisted. Can you confirm you're on the latest Canvas build?</span></div>
                        </div>
                      
                    </div>
                  
                    <div data-dc-tpl="230" style="display: flex; justify-content: flex-end;">
                      
                      
                        <div data-dc-tpl="234" style="max-width: 78%; padding: 10px 14px; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);">
                          <div data-dc-tpl="235" style="font-family: var(--font-jetbrains); font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 5px; color: rgba(224, 224, 222, 0.6);"><span class="sc-interp">Maya Okonkwo</span> \xB7 <span class="sc-interp">13:05</span></div>
                          <div data-dc-tpl="236" style="font-family: var(--font-inter); font-size: 13px; line-height: 1.5; color: rgb(var(--text));"><span class="sc-interp">v2.4.1, yes.</span></div>
                        </div>
                      
                    </div>
                  
                    <div data-dc-tpl="230" style="display: flex; justify-content: flex-start;">
                      
                      
                        <div data-dc-tpl="234" style="max-width: 78%; padding: 10px 14px; border-radius: 0.75rem; background: rgb(var(--circuit-glow) / 0.08); border: 1px solid rgb(var(--circuit-glow) / 0.25);">
                          <div data-dc-tpl="235" style="font-family: var(--font-jetbrains); font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 5px; color: rgb(var(--circuit-glow));"><span class="sc-interp">support-agent</span> \xB7 <span class="sc-interp">13:06</span></div>
                          <div data-dc-tpl="236" style="font-family: var(--font-inter); font-size: 13px; line-height: 1.5; color: rgb(var(--text));"><span class="sc-interp">Got it. I've flagged the token-refresh race to deploy-foreman and pinned your session. Try one hard reload now.</span></div>
                        </div>
                      
                    </div>
                  
                  <div data-dc-tpl="237" style="display: flex; align-items: center; gap: 6px; padding-left: 4px;">
                    <span data-dc-tpl="238" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-red)); animation: 1.2s ease-in-out 0s infinite normal none running qs-typing;"></span>
                    <span data-dc-tpl="239" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-red)); animation: 1.2s ease-in-out 0.2s infinite normal none running qs-typing;"></span>
                    <span data-dc-tpl="240" style="width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--accent-red)); animation: 1.2s ease-in-out 0.4s infinite normal none running qs-typing;"></span>
                    <span data-dc-tpl="241" style="font-family: var(--font-jetbrains); font-size: 10px; color: rgba(224, 224, 222, 0.4); margin-left: 6px;">support-agent is typing</span>
                  </div>
                </div>
                <div data-dc-tpl="242" style="display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-top: 1px solid rgba(255, 255, 255, 0.06);">
                  <input data-dc-tpl="243" placeholder="Reply as support-agent\u2026" style="flex: 1 1 0%; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 0.6rem; padding: 9px 12px; color: rgb(var(--text)); font-family: var(--font-inter); font-size: 13px; outline: none;">
                  <button data-dc-tpl="244" style="padding: 0px 1rem; height: 38px; background: rgb(var(--text)); color: rgb(var(--basalt-deep)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0.6rem; font-family: var(--font-inter); font-weight: 700; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer;">Send</button>
                </div>
              </div>
              
              <div data-dc-tpl="245" style="border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 0.75rem; background: rgba(255, 255, 255, 0.02); padding: 18px; display: flex; flex-direction: column; gap: 14px;">
                <div data-dc-tpl="246" class="label-overline" style="color: rgb(var(--circuit-glow));">Conversation context</div>
                
                  <div data-dc-tpl="248" style="display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.04);">
                    <span data-dc-tpl="249" style="font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(224, 224, 222, 0.45);"><span class="sc-interp">Ticket</span></span>
                    <span data-dc-tpl="250" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text)); text-align: right;"><span class="sc-interp">s-1187</span></span>
                  </div>
                
                  <div data-dc-tpl="248" style="display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.04);">
                    <span data-dc-tpl="249" style="font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(224, 224, 222, 0.45);"><span class="sc-interp">Severity</span></span>
                    <span data-dc-tpl="250" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text)); text-align: right;"><span class="sc-interp">block</span></span>
                  </div>
                
                  <div data-dc-tpl="248" style="display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.04);">
                    <span data-dc-tpl="249" style="font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(224, 224, 222, 0.45);"><span class="sc-interp">Assignee</span></span>
                    <span data-dc-tpl="250" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text)); text-align: right;"><span class="sc-interp">support-agent</span></span>
                  </div>
                
                  <div data-dc-tpl="248" style="display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.04);">
                    <span data-dc-tpl="249" style="font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(224, 224, 222, 0.45);"><span class="sc-interp">SLA</span></span>
                    <span data-dc-tpl="250" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text)); text-align: right;"><span class="sc-interp">4h \xB7 breaching</span></span>
                  </div>
                
                  <div data-dc-tpl="248" style="display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.04);">
                    <span data-dc-tpl="249" style="font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(224, 224, 222, 0.45);"><span class="sc-interp">Linked agent</span></span>
                    <span data-dc-tpl="250" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text)); text-align: right;"><span class="sc-interp">deploy-foreman</span></span>
                  </div>
                
                  <div data-dc-tpl="248" style="display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.04);">
                    <span data-dc-tpl="249" style="font-family: var(--font-jetbrains); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(224, 224, 222, 0.45);"><span class="sc-interp">Build</span></span>
                    <span data-dc-tpl="250" style="font-family: var(--font-jetbrains); font-size: 11px; color: rgb(var(--text)); text-align: right;"><span class="sc-interp">v2.4.1</span></span>
                  </div>
                
              </div>
            </div>
`;var t=window.KIND_REGISTRY;t&&(t.finDashboard&&(t.finDashboard.defaultView="aaasDesignPane",t.finDashboard.heroKpis=[]),t["streamOverview-platform"]&&(t["streamOverview-platform"].defaultView="aaasDesignPane",t["streamOverview-platform"].heroKpis=[]),t.qualitySupportChat&&(t.qualitySupportChat.defaultView="aaasDesignPane",t.qualitySupportChat.heroKpis=[])),console.log("[aaas-panes-v2] 2 Jul-5 AaaS dashboard pane(s) mounted (supersede Jul-2 base) + 1 Jul-5 Quality subPage pane (qualitySupportChat).")})();
