*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-text-size-adjust:none;width:100%;height:100%;font-family:Arial,sans-serif}.table-view{width:100%}.table-view section{width:100%;display:table}.table-view section>*{display:table-row}.table-view .col{color:#000;border-bottom:1px solid #000;padding:5px;font-family:Arial,sans-serif;display:table-cell}.table-view header{background:#000;display:table-row}.table-view header .col{color:#fff!important}.staging-view{padding:0;font-family:Arial,sans-serif}.staging-view table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:20px}.staging-view th,.staging-view td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ddd;padding:8px;overflow:hidden}.staging-view th:first-child,.staging-view td:first-child{width:45%}.staging-view th:nth-child(2),.staging-view td:nth-child(2){width:15%}.staging-view th:nth-child(3),.staging-view td:nth-child(3),.staging-view th:last-child,.staging-view td:last-child{width:20%}.staging-view th{background-color:#f2f2f2}.push-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:3px;margin-right:5px;padding:5px 10px}.delete-btn{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:3px;margin-right:5px;padding:5px 10px}.print-btn{color:#fff;cursor:pointer;background-color:#9370db;border:none;border-radius:3px;margin-right:5px;padding:5px 10px}#addItemBtn{color:#fff;cursor:pointer;background-color:#008cba;border:none;border-radius:3px;margin:5px 10px 5px 0;padding:5px 10px}#predictionButton{color:#fff;cursor:pointer;background-color:#daa520;border:none;border-radius:3px;margin:5px 10px 5px 0;padding:5px 10px}.modal{z-index:100;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.open{display:block}.modal-content{background-color:#fff;border-radius:5px;width:30%;margin:15% auto;padding:20px}.modal-content input[type=text],.modal-content input[type=number]{box-sizing:border-box;width:100%;margin:5px 0;padding:5px}.modal-content button{color:#fff;cursor:pointer;background-color:#008cba;border:none;border-radius:3px;margin:0 5px;padding:5px 10px}.modal-content button.cancel-btn{background-color:#f44336}.drag-area{text-align:center;cursor:pointer;border:2px dashed #ccc;margin-bottom:20px;padding:20px}.drag-area.dragging{border-color:#4caf50}.separator{text-align:center;color:#999;margin:10px 0;font-weight:700}#batchInput{border:1px solid #ccc;border-radius:3px;margin:5px 0;padding:5px}