body{
  font-family:Arial;
  background:#f4f6f8;
  margin:0;
  padding:10px
}
h2{text-align:center}

.header{
  background:#fff;
  padding:10px;
  border-radius:8px;
  margin-bottom:10px
}

label{
  font-weight:600;
  font-size:13px
}

input,select{
  width:100%;
  padding:6px;
  margin:4px 0 8px;
  font-size:14px
}

.actions{
  display:flex;
  gap:6px
}

.btn{
  padding:8px;
  border:none;
  border-radius:6px;
  font-weight:600;
  cursor:pointer
}

.add{background:#1f3c88;color:#fff}
.manual{background:#555;color:#fff}
.undo{background:#999;color:#fff}
.send{width:100%;margin-top:10px;background:#16a34a;color:#fff}

.table-wrap{
  overflow-x:auto;
  background:#fff;
  border-radius:8px
}

table{
  border-collapse:collapse;
  min-width:1900px
}

th,td{
  border:1px solid #999;
  padding:6px;
  font-size:13px;
  text-align:center
}

th{background:#d9e1f2}

input.tbl{width:90px}
input.po{width:120px}