.mes-container *{box-sizing:border-box;margin:0;padding:0}.mes-container{font-family:Arial,sans-serif;max-width:800px;margin:20px auto;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);color:#333}.mes-main-title{text-align:center;color:#0056b3;margin-bottom:25px;font-size:2em;text-transform:uppercase;font-weight:700}.mes-section-title{color:#0056b3;margin-top:20px;margin-bottom:15px;padding-bottom:5px;border-bottom:2px solid #007bff;font-size:1.4em}.mes-input-group{display:flex;margin-bottom:15px;gap:10px}.mes-input-group input[type=text],.mes-input-group input[type=number],.mes-container input[type=text],.mes-container input[type=number],.mes-container select{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.mes-container select{appearance:none;background-color:#fff}.mes-select-wrapper{margin-bottom:10px}.mes-select-wrapper label{display:block;margin-bottom:5px;font-weight:700;color:#555}#mes-expense-split-among-options legend{font-weight:700;color:#555;padding:0 5px}#mes-unequal-split-inputs .mes-unequal-input-item{display:flex;align-items:center;margin-bottom:5px;gap:5px}#mes-unequal-split-inputs .mes-unequal-input-item label{min-width:100px}#mes-unequal-split-inputs .mes-unequal-input-item input{width:auto;flex-grow:1}.mes-btn{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .3s ease;color:white}.mes-btn-primary{background-color:#007bff}.mes-btn-primary:hover{background-color:#0056b3}.mes-btn-secondary{background-color:#6c757d}.mes-btn-secondary:hover{background-color:#545b62}.mes-btn-danger{background-color:#dc3545}.mes-btn-danger:hover{background-color:#b02a37}.mes-btn-action{background-color:#17a2b8;margin-right:10px;margin-bottom:10px}.mes-btn-action:hover{background-color:#117a8b}.mes-list{list-style:none;padding-left:0;margin-bottom:20px}.mes-list li{background-color:#fff;padding:10px;border:1px solid #eee;border-radius:4px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.mes-list li .mes-item-details{flex-grow:1}.mes-list li .mes-item-amount{font-weight:700;margin-left:10px;min-width:60px;text-align:right}.mes-list .mes-remove-item-btn{background-color:#ffc107;color:#333;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;margin-left:10px}.mes-list .mes-remove-item-btn:hover{background-color:#e0a800}#mes-summary-output h3{color:#0056b3;margin-top:10px;margin-bottom:8px}#mes-summary-output table{width:100%;border-collapse:collapse;margin-top:10px}#mes-summary-output th,#mes-summary-output td{border:1px solid #ccc;padding:8px;text-align:left}#mes-summary-output th{background-color:#007bff;color:white}#mes-summary-output td.mes-owes{color:red;font-weight:700}#mes-summary-output td.mes-owed{color:green;font-weight:700}.mes-actions-section{margin-top:30px;padding-top:20px;border-top:1px dashed #ccc}@media (max-width:768px){.mes-main-title{font-size:1.8em}.mes-section-title{font-size:1.2em}.mes-input-group{flex-direction:column}.mes-input-group input[type=text],.mes-input-group button{width:100%}.mes-btn{width:100%;margin-bottom:10px}.mes-btn-action{margin-right:0}.mes-list li{flex-direction:column;align-items:flex-start}.mes-list li .mes-item-details{margin-bottom:5px}.mes-list li .mes-remove-item-btn{margin-left:0;margin-top:5px;align-self:flex-end}}.mes-participant-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#007bff;color:white;font-weight:700;font-size:.9em;margin-right:10px;text-transform:uppercase;flex-shrink:0}.mes-list li .mes-participant-info{display:flex;align-items:center;flex-grow:1}.mes-list li .mes-participant-info .mes-item-details{flex-grow:1}@media (max-width:768px){.mes-btn-action{width:100%;margin-bottom:10px}}