.container{width:100%;height:100%;max-width:360px;margin:0 auto;font-family:Arial,sans-serif;padding:20px;background-color:#f0f0f0}.people-section{margin-top:20px;margin-bottom:20px}.payment-section,.people-section{background-color:#fff;padding:15px;border-radius:8px}.payment-section{margin-bottom:10px}.header{justify-content:space-between}.header,.title-container{display:flex;align-items:center}.title-container{padding-bottom:5px}.title{font-size:24px;margin-right:10px}.people{display:flex;flex-wrap:wrap;gap:5px}.person-item{background-color:#f0f0f0;border-radius:20px;padding:4px 8px;font-size:16px;display:flex;align-items:center}.user-delete-button{font-size:12px;cursor:pointer;margin-left:4px;margin-right:2px}.payment-item{display:flex;flex-direction:column;padding:10px 0}.payment-info{display:flex;justify-content:space-between;align-items:center}.store{font-size:18px}.amount,.store{font-weight:700}.payer-participants{display:flex;align-items:center;margin:5px 0}.payer{font-weight:700}.separator{margin:0 5px}.participants{font-size:14px}.calculate{width:100%;padding:10px;margin-top:10px;border:none;cursor:pointer;text-align:center;border-radius:20px;font-size:18px}.add-button,.calculate{background-color:#4caf50;color:#fff}.add-button{border:none}.delete-button{background-color:#787878;color:#fff;border:none}.reset-button{background-color:#b3b3b3;color:#fff;border:none;margin-left:auto;border-radius:3px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal{position:relative;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.2);width:80%;max-width:400px}.modal h2{margin-top:0;margin-bottom:20px}.modal label{display:block;margin:10px 0 5px;font-weight:700}.modal input,.modal select{width:90%;padding:10px;margin-right:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.close-button{position:absolute;top:10px;right:10px;background-color:transparent;color:#ccc;font-size:30px;border:none;cursor:pointer;transition:color .3s}.modal-actions{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:5px}.circle{border-radius:100%}.modal-actions button{width:auto;height:auto;padding:5px 10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.participants-container{display:flex;flex-wrap:wrap;gap:5px}.participant-item{background-color:#f0f0f0;border-radius:20px;padding:8px 12px;font-size:16px;cursor:pointer;transition:background-color .3s}.participant-item:hover{background-color:#d0ffd0}.participant-item.selected{background-color:#b0e0b0}