Versão inicial em produção

index.php

@@ -0,0 +1,54 @@
+<?php
+$titulo_pagina = 'Carteira';
+$pagina_ativa  = 'carteira';
+require __DIR__ . '/includes/header.php';
+
+$posicoes = [
+    ['ativo' => 'PETR4',    'qtd' => 300,  'preco_medio' => 36.10, 'atual' => 38.42, 'variacao' => 6.42],
+    ['ativo' => 'VALE3',    'qtd' => 150,  'preco_medio' => 63.80, 'atual' => 61.07, 'variacao' => -4.28],
+    ['ativo' => 'PETR4C40', 'qtd' => 1000, 'preco_medio' => 1.30,  'atual' => 1.12,  'variacao' => -13.85],
+];
+?>
+
+<h1 class="ao-page-title">Minha carteira</h1>
+
+<div class="ao-row" style="margin-bottom: var(--ao-space-5); flex-wrap: wrap; gap: 16px;">
+  <div class="ao-card" style="flex: 1; min-width: 220px;">
+    <div class="ao-card-header">
+      <strong>Saldo consolidado</strong>
+      <span class="ao-badge ao-badge-alta">+3,2% no mês</span>
+    </div>
+    <p class="ao-numeric" style="font-size: 1.5rem; margin: 0;">R$ 48.920,17</p>
+  </div>
+  <div class="ao-card" style="flex: 1; min-width: 220px;">
+    <div class="ao-card-header"><strong>Em ações</strong></div>
+    <p class="ao-numeric" style="font-size: 1.5rem; margin: 0;">R$ 36.150,00</p>
+  </div>
+  <div class="ao-card" style="flex: 1; min-width: 220px;">
+    <div class="ao-card-header"><strong>Em opções</strong></div>
+    <p class="ao-numeric" style="font-size: 1.5rem; margin: 0;">R$ 12.770,17</p>
+  </div>
+</div>
+
+<div class="ao-card">
+  <div class="ao-card-header"><strong>Posições abertas</strong></div>
+  <table class="ao-table">
+    <thead>
+      <tr><th>Ativo</th><th>Qtd.</th><th>Preço médio</th><th>Atual</th><th>Resultado</th></tr>
+    </thead>
+    <tbody>
+      <?php foreach ($posicoes as $p): ?>
+        <?php $classe = $p['variacao'] >= 0 ? 'ao-up' : 'ao-down'; ?>
+        <tr>
+          <td class="ao-numeric"><?= htmlspecialchars($p['ativo']) ?></td>
+          <td class="ao-numeric"><?= $p['qtd'] ?></td>
+          <td class="ao-numeric">R$ <?= number_format($p['preco_medio'], 2, ',', '.') ?></td>
+          <td class="ao-numeric">R$ <?= number_format($p['atual'], 2, ',', '.') ?></td>
+          <td class="ao-numeric <?= $classe ?>"><?= $p['variacao'] >= 0 ? '+' : '' ?><?= number_format($p['variacao'], 2, ',', '.') ?>%</td>
+        </tr>
+      <?php endforeach; ?>
+    </tbody>
+  </table>
+</div>
+
+<?php require __DIR__ . '/includes/footer.php'; ?>