body{margin:0;font-family:Arial,sans-serif;background-color:#86d01d;display:flex;justify-content:center;align-items:center;min-height:100vh}.adder-container{background-color:#fff;padding:100px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center}.adder-container h2{color:#333;margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-group label{display:inline-block;margin-bottom:5px;color:#555;width:100px}.input-group input[type=text]{padding:10px;width:calc(100% - 110px);border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.input-group input[type=text][readOnly]{background-color:#e9ecef;cursor:not-allowed}.button-group{margin-top:20px}.button-group button{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s ease}.button-group button+button{margin-left:10px}.button-group .add-button{background-color:#007bff;color:#fff}.button-group .add-button:hover{background-color:#0056b3}.button-group .clear-button{background-color:#dc3545;color:#fff}.button-group .clear-button:hover{background-color:#c82333}.error-message{color:#dc3545;margin-top:10px;font-weight:700}