<!doctype html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#101a2e" />
    <title>Mohemas Tracker</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
    <script type="module" crossorigin src="/assets/index-yxV8RbT5.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-Eor_0N7G.css">
  </head>
  <body>
    <main class="shell">
      <nav class="topbar">
        <a class="brand" href="#top" aria-label="Página inicial do Mohemas Tracker"><span class="mark">M</span><span>mohemas</span></a>
        <div class="live-status"><i></i> Portfólio ao vivo</div>
        <button class="privacy-toggle" id="privacyToggle" type="button" aria-pressed="false" aria-label="Ocultar saldos" title="Ocultar saldos"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 3l18 18M10.6 10.7a2 2 0 0 0 2.7 2.7M9.9 5.1A10.8 10.8 0 0 1 12 4.9c5.1 0 8.4 4.3 9.4 7.1a.8.8 0 0 1 0 .5 14 14 0 0 1-2.1 3.5M6.2 6.3A13.9 13.9 0 0 0 2.6 12a.8.8 0 0 0 0 .5c1 2.8 4.3 6.6 9.4 6.6 1.4 0 2.7-.3 3.8-.9"/></svg></button>
        <button class="refresh" id="refreshButton"><span>↻</span> Atualizar</button>
      </nav>

      <section class="hero" id="top">
        <div>
          <p class="eyebrow">Ativos digitais pessoais</p>
          <h1>Sua cripto, <em>com clareza.</em></h1>
          <p class="intro">Uma visão simples e ao vivo das carteiras que você acompanha.</p>
        </div>
        <div class="updated" id="updated">Carregando seus saldos…</div>
      </section>

      <section class="summary" aria-label="Resumo do portfólio">
        <div class="summary-label">Valor total acompanhado <span class="info">i</span></div>
        <div class="total" id="totalValue">—</div>
        <div class="summary-bottom"><span id="assetCount">4 ativos acompanhados</span><span class="divider"></span><span>Carteiras + Kraken · valores em CHF</span></div>
      </section>

      <section class="cashflow" aria-labelledby="cashflowTitle">
        <div class="section-title"><div><p class="eyebrow">Movimentos de caixa</p><h2 id="cashflowTitle">Transações</h2></div><span class="asset-pill">Reconciliadas</span></div>
        <div class="transaction-list" aria-label="Transações reconciliadas">
          <div class="transaction-head"><span>Data</span><span>Movimento</span><span>Valor</span><span>Ativo / contrapartida</span><span>Tipo</span></div>
          <div class="transaction-row"><time>23.07.2026, 00:52</time><strong>INTERDISCOUNT.CH</strong><span class="cashflow-amount">CHF 1'000.45</span><span class="cashflow-amount">€1'082.12</span><span class="outflow">Saída</span></div>
          <div class="transaction-row"><time>15.07.2026, 17:24</time><strong>AIRFRANCE</strong><span class="cashflow-amount">CHF 1'749.04</span><span class="cashflow-amount">€1'893.81</span><span class="outflow">Saída</span></div>
          <div class="transaction-row"><time>16.07.2026</time><strong>VENDA DE ETH · POSTFINANCE</strong><span class="cashflow-amount">CHF 2'700.00</span><span>—</span><span class="outflow">Saída</span></div>
          <div class="transaction-row"><time>23.07.2026, 01:34</time><strong>LEVANTAMENTO KRAKEN</strong><span class="cashflow-amount">CHF 999.00</span><span>Taxa: CHF 1.00</span><span class="outflow">Saída</span></div>
          <div class="transaction-row"><time>21.07.2026, 16:52</time><strong>MIGROS MMM RHEINPARK · ST. MARGRETHEN</strong><span class="cashflow-amount">CHF 103.75</span><span>€112.65</span><span class="outflow">Saída</span></div>
        </div>
      </section>

      <section class="wallets">
        <div class="section-title"><div><p class="eyebrow">Carteiras públicas</p><h2>On-chain</h2></div><span class="asset-pill" id="assetPill">4 ativos</span></div>
        <div class="wallet-grid" id="walletGrid"></div>
      </section>

      <section class="wallets exchanges">
        <div class="section-title"><div><p class="eyebrow">Plataformas de câmbio</p><h2>Exchanges</h2></div><span class="asset-pill">Kraken · ao vivo</span></div>
        <div class="wallet-grid" id="exchangeGrid"></div>
      </section>

      <section class="note"><span class="note-icon">✦</span><p>Os saldos são lidos diretamente da blockchain pública. Os preços de mercado são atualizados automaticamente.</p></section>
    <footer><span>Mohemas Tracker</span><span>Somente para visualização · Não é recomendação financeira</span></footer>
    </main>
    <template id="walletTemplate">
      <article class="wallet-card">
        <div class="card-top"><div class="asset-identity"><span class="coin"></span><div><h3></h3><p class="network"></p></div></div><span class="card-status"><i></i> <span>Ao vivo</span></span></div>
        <div class="balance"><p>Saldo</p><strong class="amount">—</strong><span class="symbol"></span></div>
        <div class="value"><span>Valor atual</span><strong>—</strong></div>
        <div class="change-row" aria-label="Variação de preço"><span>1h <strong data-period="1h">—</strong></span><span>24h <strong data-period="24h">—</strong></span><span>7d <strong data-period="7d">—</strong></span></div>
        <div class="address-row"><a class="address" target="_blank" rel="noreferrer" title="Ver no explorador de blocos"></a></div>
      </article>
    </template>
  </body>
</html>
