body{

font-family: Arial;
background:#f4f6f9;
text-align:center;

}

.container{

background:white;
width:400px;
padding:20px;
margin:auto;
margin-top:100px;
box-shadow:0px 0px 10px gray;

}

input,button{

width:90%;
padding:10px;
margin:10px;

}

button{

background:#2c7be5;
color:white;
border:none;

}


/* Health Bar Styles */
        .health-section { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #eee; }
        .health-header { display: flex; justify-content: space-between; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
        .health-bg { background: #e0e0e0; height: 10px; border-radius: 5px; overflow: hidden; }
        .health-fill { height: 100%; border-radius: 5px; transition: width 0.5s ease-in-out; }
        
        /* Dynamic Colors */
        .health-good { background-color: #27ae60; }
        .health-fair { background-color: #f1c40f; }
        .health-bad { background-color: #e74c3c; }
        
        .recommendation { font-size: 12px; margin-top: 5px; font-weight: 600; }
        .rec-sell { color: #27ae60; }
        .rec-donate { color: #d35400; }
        .rec-destroy { color: #c0392b; }