.settlement-container{

    margin-top:20px;

}

.stats-grid{

    display:grid;

    grid-template-columns:
    repeat(
        auto-fit,
        minmax(
            250px,
            1fr
        )
    );

    gap:20px;

    margin-bottom:30px;

}

.stat-card{

    background:#111827;

    border:1px solid #1f2937;

    border-radius:18px;

    padding:25px;

}

.stat-value{

    font-size:32px;

    font-weight:700;

    color:#10b981;

    margin-bottom:10px;

}

.stat-label{

    color:#94a3b8;

    font-size:14px;

}

.table-container{

    background:#111827;

    border-radius:18px;

    border:1px solid #1f2937;

    overflow-x:auto;

    overflow-y:hidden;

    -webkit-overflow-scrolling:touch;

}

.table-container table{

    min-width:900px;

    width:max-content;

    border-collapse:collapse;

}

.table-container th{

    background:#0f172a;

    color:white;

    padding:15px;

    text-align:left;

}

.table-container td{

    padding:15px;

    border-top:1px solid #1f2937;

}

#addSettlementBtn{

    margin-bottom:20px;

}

.balance-positive{

    color:#ef4444;

    font-weight:bold;

}

.balance-zero{

    color:#10b981;

    font-weight:bold;

}
.table-container::-webkit-scrollbar{

    height:8px;

}

.table-container::-webkit-scrollbar-thumb{

    background:#6c63ff;

    border-radius:10px;

}