#cdc-calculator {
max-width: 600px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
background: #f9f9f9;
}
#cdc-form label {
display: block;
margin-bottom: 5px;
}
#cdc-form input {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
#cdc-form button {
padding: 10px 20px;
background: #0073aa;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
#cdc-form button:hover {
background: #005177;
}
#cdc-results table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
#cdc-results th,
#cdc-results td {
border: 1px solid #ccc;
padding: 10px;
text-align: left;
}