.app-container[data-v-2208db7e]{font-family:Arial,sans-serif;background-color:#f4f4f9;padding:20px;height:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.scan-input[data-v-2208db7e]{margin-bottom:20px}.scan-input-field[data-v-2208db7e]{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;-webkit-transition:border-color .3s;transition:border-color .3s}.scan-input-field[data-v-2208db7e]:focus{border-color:#24b8e9;outline:none}.list-container[data-v-2208db7e]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;margin-top:20px}.list-item[data-v-2208db7e]{display:-webkit-box;display:-ms-flexbox;display:flex;background:white;border-radius:8px;padding:15px;margin-bottom:15px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.item-image[data-v-2208db7e]{width:80px;height:80px;margin-right:15px}.item-image img[data-v-2208db7e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.item-info[data-v-2208db7e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.item-name[data-v-2208db7e]{font-size:16px;font-weight:700;margin-bottom:5px}.item-code[data-v-2208db7e]{color:#666;margin-bottom:10px;font-size:14px}.item-quantity[data-v-2208db7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.quantity-input[data-v-2208db7e]{width:120px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.submit-btn[data-v-2208db7e]{width:100%;padding:12px;background-color:#24b8e9;color:white;border:none;border-radius:6px;font-size:16px;margin-top:20px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.submit-btn[data-v-2208db7e]:hover{background-color:#1e9fc8}