/* BPT Public Styles */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

.bpt-wrap { font-family:'Inter',sans-serif; max-width:1100px; margin:0 auto; }

/* Month nav */
.bpt-month-nav { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.bpt-month-btn {
    padding:5px 14px; border-radius:20px; font-size:13px; font-weight:600;
    background:#1e293b; color:#94a3b8; text-decoration:none;
    border:1.5px solid #334155; transition:all .2s;
}
.bpt-month-btn:hover { background:#2d3f55; color:#e2e8f0; }
.bpt-month-btn.active { background:#3b82f6; color:#fff; border-color:#3b82f6; }

/* Stats bar */
.bpt-stats-bar {
    display:flex; flex-wrap:wrap; gap:12px; margin-bottom:20px;
    background:#0f172a; border-radius:12px; padding:16px 20px;
    border:1px solid #1e293b;
}
.bpt-stat { text-align:center; min-width:80px; }
.bpt-stat-label { display:block; font-size:11px; color:#64748b; text-transform:uppercase; letter-spacing:.6px; margin-bottom:4px; }
.bpt-stat-value { display:block; font-family:'Rajdhani',sans-serif; font-size:20px; font-weight:700; color:#e2e8f0; }
.bpt-stat-value.win { color:#22c55e; }
.bpt-stat-value.loss { color:#ef4444; }
.bpt-stat-value.pos { color:#22c55e; }
.bpt-stat-value.neg { color:#ef4444; }

/* Table */
.bpt-table-wrap { overflow-x:auto; border-radius:10px; border:1px solid #1e293b; }
.bpt-table {
    width:100%; border-collapse:collapse;
    font-size:14px; background:#0f172a;
}
.bpt-table thead tr { background:#1e293b; }
.bpt-table th {
    padding:12px 14px; text-align:left; font-family:'Rajdhani',sans-serif;
    font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.7px;
    color:#64748b; border-bottom:1px solid #334155;
}
.bpt-table td { padding:11px 14px; border-bottom:1px solid #1e293b; color:#cbd5e1; }
.bpt-table tbody tr:last-child td { border-bottom:none; }

.bpt-row.win  { border-left:3px solid #22c55e; }
.bpt-row.loss { border-left:3px solid #ef4444; }
.bpt-row:hover td { background:rgba(255,255,255,.02); }

tfoot tr td { background:#1e293b; color:#94a3b8; padding:10px 14px; }

/* Badges */
.bpt-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 10px; border-radius:20px; font-size:12px; font-weight:700; }
.bpt-badge.win  { background:rgba(34,197,94,.15);  color:#22c55e; }
.bpt-badge.loss { background:rgba(239,68,68,.15);  color:#ef4444; }

.bpt-profit { font-family:'Rajdhani',sans-serif; font-size:16px; font-weight:700; }
.bpt-profit.pos { color:#22c55e; }
.bpt-profit.neg { color:#ef4444; }

.bpt-note { color:#64748b; font-size:13px; }
.bpt-empty { text-align:center; padding:40px; color:#475569; }

/* Chart */
.bpt-chart-wrap {
    margin-top:24px; background:#0f172a; border-radius:12px;
    border:1px solid #1e293b; padding:20px;
}

/* Account section */
.bpt-account h2 { font-family:'Rajdhani',sans-serif; font-size:26px; font-weight:700; color:#0f172a; margin-bottom:20px; }
.bpt-account h3 { font-family:'Rajdhani',sans-serif; font-size:18px; font-weight:700; margin:0 0 12px; }

.bpt-bank-form {
    background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:12px;
    padding:20px; margin-bottom:20px;
}
.bpt-bank-form label { display:block; font-weight:600; font-size:13px; color:#475569; margin-bottom:6px; }
.bpt-bank-row { display:flex; gap:10px; margin-bottom:8px; }
.bpt-bank-row input {
    flex:1; padding:9px 14px; border:1.5px solid #e2e8f0; border-radius:8px;
    font-size:15px; transition:border .2s;
}
.bpt-bank-row input:focus { border-color:#3b82f6; outline:none; }
.bpt-bank-row button {
    padding:9px 20px; background:#0f172a; color:#fff; border:none;
    border-radius:8px; font-weight:700; cursor:pointer; font-size:14px;
}
.bpt-bank-row button:hover { background:#1e293b; }
.bpt-bank-form small { color:#94a3b8; font-size:12px; }

.bpt-notice { padding:12px 16px; border-radius:8px; font-size:14px; }
.bpt-notice.success { background:#f0fdf4; color:#15803d; border:1px solid #86efac; }

@media (max-width:640px) {
    .bpt-stats-bar { gap:8px; }
    .bpt-stat { min-width:60px; }
    .bpt-stat-value { font-size:16px; }
    .bpt-bank-row { flex-direction:column; }
}