.pcc-box {font-family: Arial,sans-serif;max-width: 500px;margin: 20px auto;background: #fff;padding: 20px;border-radius: 10px;border: 1px solid #ddd;box-shadow: 0 3px 12px rgba(0,0,0,.08);}
.pcc-row {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px;margin-bottom: 15px;}
.pcc-box input, .pcc-box select {width: 90px;padding: 6px;border: 1px solid #ccc;border-radius: 5px;text-align: center;transition: .3s ease;}
.pcc-box input:focus, .pcc-box select:focus {border-color: #4caf50;box-shadow: 0 0 5px rgba(76,175,80,.4);outline: none;}
.pcc-box span {font-weight: bold;}
.pcc-box strong {min-width: 40px;font-weight: bold;display: inline-block;text-align: center;}
.pcc-btn-row {display: flex;justify-content: center;gap: 12px;}
.pcc-btn-row button {padding: 6px 14px;border: none;border-radius: 4px;font-weight: bold;cursor: pointer;transition: .3s ease;}
#pcc-calc-btn {background-color: #4caf50;color: white;}
#pcc-calc-btn:hover {background-color: #43a047;}
#pcc-clear-btn {background-color: #a6acaf;color: white;}
#pcc-clear-btn:hover {background-color: #8c9499;}
.pcc-steps {margin-top: 15px;font-size: 14px;background: #f4fef5;border-left: 4px solid #4caf50;padding: 10px;border-radius: 6px;display: none;}