.pd-balance {
    background: var(--primary-gradient); padding: 24px 20px; color: white; text-align: center;
}
.pd-balance-label { font-size: 13px; opacity: 0.8; margin-bottom: 4px; }
.pd-balance-value { font-size: 36px; font-weight: 800; }

.pd-tabs {
    display: flex; background: var(--bg-white); padding: 4px;
    margin: 12px 15px; border-radius: var(--radius-md); box-shadow: var(--shadow-sm);
}
.pd-tab {
    flex: 1; text-align: center; padding: 10px 0; font-size: 13px;
    color: var(--text-tertiary); border-radius: 10px; cursor: pointer;
    transition: all 0.2s; font-weight: 500;
}
.pd-tab.active {
    color: white; background: var(--primary-gradient);
    font-weight: 600; box-shadow: var(--shadow-primary);
}

.pd-list { padding: 0 15px 20px; }
.pd-empty { text-align: center; padding: 60px 20px; color: var(--text-tertiary); font-size: 15px; }

.pd-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 0; border-bottom: 1px solid var(--border-light);
}
.pd-item:last-child { border-bottom: none; }

.pd-item-left { flex: 1; min-width: 0; }
.pd-item-source {
    font-size: 15px; font-weight: 500; color: var(--text-primary);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pd-item-time { font-size: 12px; color: var(--text-tertiary); margin-top: 2px; }

.pd-item-right { text-align: right; flex-shrink: 0; margin-left: 12px; }
.pd-item-amount { font-size: 17px; font-weight: 700; }
.pd-item-amount.earn { color: var(--accent-green); }
.pd-item-amount.spend { color: var(--text-primary); }
.pd-item-balance { font-size: 11px; color: var(--text-tertiary); margin-top: 1px; }

.header-back {
    width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
    border-radius: var(--radius-full); transition: background 0.2s;
}
.header-back:active { background: var(--border-light); }
.header-back svg { width: 22px; height: 22px; color: var(--text-primary); }