body {
    background: #f2f4f7;
    font-family: 'Poppins', sans-serif;
}

/* Container like mobile app */
.container-fluid {
    max-width: 600px;
    margin: auto;
}

/* Header spacing */
h4 {
    font-weight: 600;
    margin-bottom: 5px;
}

/* Balance */
#partyBalance {
    font-size: 14px;
    font-weight: 500;
}

/* Buttons */
.btn-success, .btn-danger {
    border-radius: 10px;
    padding: 10px;
    font-weight: 500;
}

/* Filter buttons */
.filter-bar {
    display: flex;
    gap: 6px;
    overflow-x: auto;
}

.filter-btn {
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid #ddd;
    background: white;
    font-size: 13px;
}

.filter-btn.active {
    background: #FF845E;
    color: white;
    border-color: #FF845E;
}

/* Transaction card */
.txn-card {
    background: white;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.txn-card.credit {
    border-left: 4px solid #16a34a;
}

.txn-card.debit {
    border-left: 4px solid #dc2626;
}

/* Amount */
.txn-card .amount {
    font-weight: 600;
    font-size: 15px;
}