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{max-width:550px;width:100%;border-collapse:collapse;margin-bottom:10px}th,td{border:1px solid #ddd;text-align:left;padding:6px}th{background-color:#f2f2f2}.button-container{display:flex;justify-content:center;margin-bottom:10px}button{padding:12px;cursor:pointer;border:none;border-radius:5px;margin-right:10px}.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%}.sidebar{border-left:none}input[type='number']{width:100%}}