body{font-family:Arial,sans-serif;margin:0;padding:0}.container{display:flex;flex-wrap:wrap}.main-content{flex:0 0 700px;padding:10px;box-sizing:border-box}table{width:100%;border-collapse:collapse;margin-bottom:10px}th,td{padding:12px;text-align:left;border:1px solid #ddd}th{background-color:#f2f2f2}td input[type="text"]{width:100%;padding:8px;margin:4px 0;box-sizing:border-box}td input[type="number"]{width:100%;padding:8px;margin:4px 0;box-sizing:border-box}.button-container{display:flex;justify-content:center;margin-bottom:20px}button{padding:12px;cursor:pointer;border:none;border-radius:5px;margin-right:10px}#calculateButton{background-color:blue;color:#fff}#resetButton{background-color:gray;color:#fff}#resultTable{display:none}#effectivePricePerKgSection{display:none}.sidebar{flex:0 0 350px;padding:10px;box-sizing:border-box;background-color:#fff;border-left:1px solid #f5f5f5}.boxed-content{background-color:#f5f5f5;box-shadow:0 2px 4px rgb(0 0 0 / .1);border-radius:10px;padding:15px;margin-bottom:20px}@media screen and (max-width:768px){.container{flex-direction:column}.main-content,.sidebar{width:100%;flex:1}.sidebar{border-left:none}input[type='number']{width:100%}input[type='text']{min-width:130px}}