.trades-page { max-width: 1400px; margin: 0 auto; padding: 24px;
  display: flex; flex-direction: column; gap: 18px; }
.stats-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;
}
.stats-grid .stat {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-md); padding: 14px 16px;
  display: flex; flex-direction: column; gap: 4px;
  backdrop-filter: blur(8px);
}
.stats-grid .stat .k { color: var(--txt-faint); font-size: 10px;
  letter-spacing: 0.16em; font-weight: 600; text-transform: uppercase; }
.stats-grid .stat .v { color: var(--txt); font-family: var(--mono);
  font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.stats-grid .stat .v.bull { color: var(--bull); }
.stats-grid .stat .v.bear { color: var(--bear); }
.stats-grid .stat .v.gold { color: var(--gold); }

.form-card { padding: 0; }
.trade-form {
  display: grid; grid-template-columns: 80px 1fr 100px repeat(3, 110px) 1.2fr 110px;
  gap: 8px; padding: 14px;
}
.trade-form input, .trade-form select {
  background: var(--bg-2); border: 1px solid var(--border);
  color: var(--txt); padding: 9px 12px; font-family: var(--sans);
  font-size: 13px; border-radius: var(--r-sm); outline: none;
  transition: border-color 0.15s ease;
}
.trade-form input:focus, .trade-form select:focus {
  border-color: var(--gold); }
.trade-form button {
  background: linear-gradient(135deg, var(--gold), #f59e0b);
  color: #0a0d14; border: 0; padding: 9px 18px; font-weight: 700;
  letter-spacing: 0.05em; font-size: 12px; cursor: pointer;
  border-radius: var(--r-sm); transition: transform 0.1s ease;
}
.trade-form button:hover { transform: translateY(-1px); }

.trades-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.trades-tbl thead { background: rgba(255,255,255,0.01); }
.trades-tbl th {
  padding: 10px 14px; text-align: left; color: var(--txt-faint);
  font-weight: 600; font-size: 10px; letter-spacing: 0.12em;
  text-transform: uppercase; border-bottom: 1px solid var(--border);
}
.trades-tbl td {
  padding: 9px 14px; border-bottom: 1px solid var(--border);
  font-family: var(--mono); font-variant-numeric: tabular-nums;
}
.trades-tbl tr:hover td { background: rgba(255,255,255,0.02); }
.trades-tbl td.strat { color: var(--gold); font-weight: 700; font-family: var(--sans); }
.trades-tbl td.dir.long  { color: var(--bull); font-weight: 600; }
.trades-tbl td.dir.short { color: var(--bear); font-weight: 600; }
.trades-tbl td.outcome.win  { color: var(--bull); font-weight: 700; }
.trades-tbl td.outcome.loss { color: var(--bear); font-weight: 700; }
.trades-tbl td.r.pos { color: var(--bull); }
.trades-tbl td.r.neg { color: var(--bear); }
.trades-tbl button.exit-btn {
  background: var(--bg-3); border: 1px solid var(--border);
  color: var(--txt-dim); padding: 4px 10px; font-size: 11px;
  border-radius: var(--r-sm); cursor: pointer;
}
.trades-tbl button.exit-btn:hover { border-color: var(--gold); color: var(--gold); }